在当今的互联网时代，前端开发已经成为一个热门领域。作为前端开发的基础，JavaScript（简称JS）和Java Server Pages（简称JSP）都是非常重要的技术。JS和JSP有什么区别呢？本文将通过实例教程，深入浅出地为大家讲解这两个技术的特点和应用场景。
一、JS与JSP简介
JavaScript（JS）：
JavaScript是一种轻量级的编程语言，主要运行在客户端（如浏览器）。它具有丰富的API，可以用于网页交互、动画效果、表单验证等功能。
Java Server Pages（JSP）：
JSP是一种动态网页技术，它将HTML代码和Java代码相结合，运行在服务器端。JSP页面在服务器端编译后，生成对应的Java类，并由Java虚拟机（JVM）执行，最终返回HTML页面给客户端。
二、JS与JSP的区别
| 项目 | JavaScript（JS） | JavaServerPages（JSP） |
|---|---|---|
| 运行环境 | 客户端（浏览器） | 服务器端（Java虚拟机） |
| 编程语言 | JavaScript | Java |
| 代码位置 | HTML页面内或单独的JS文件 | JSP页面内或单独的Java类文件 |
| 交互方式 | 客户端与服务器端通过AJAX技术进行交互 | 服务器端处理请求，返回HTML页面给客户端 |
| 优点 | 代码简单，易于学习和使用，跨平台性较好 | 与Java技术紧密结合，可利用Java生态系统中的各种资源 |
| 缺点 | 安全性较低，易受攻击；性能相对较差 | 开发周期较长，需要学习Java编程语言 |
三、实例教程
1. JS实例：实现一个简单的计算器
目标：使用JavaScript实现一个简单的计算器，可以完成加、减、乘、除运算。
步骤：
1. 创建一个HTML文件，并添加一个表单用于输入两个数字和运算符。
2. 在HTML文件中添加一个JavaScript脚本，用于处理表单提交事件，并计算结果。
3. 将计算结果显示在页面上。
代码示例：
```html
