在Web开发领域，JavaScript（简称JS）和JavaServer Pages（简称JSP）是两种非常流行的技术。它们各自有着独特的优势和适用场景。JS与JSP究竟有何区别呢？本文将通过实例，深入浅出地解析这两种技术的差异。
一、什么是JS和JSP？
1. JavaScript（JS）
JavaScript是一种轻量级的编程语言，主要用于网页开发。它可以在客户端（浏览器）运行，为网页提供交互性。JavaScript具有丰富的API，可以方便地实现各种功能，如DOM操作、事件处理、动画效果等。
2. JavaServer Pages（JSP）
JavaServer Pages是一种动态网页技术，它允许开发者在HTML页面中嵌入Java代码。JSP页面在服务器端运行，服务器将Java代码编译成Java Servlet，并执行相应的业务逻辑，然后将结果返回给客户端。
二、JS与JSP的区别
1. 运行环境
* JS：在客户端（浏览器）运行。
* JSP：在服务器端运行。
2. 编程语言
* JS：JavaScript。
* JSP：Java。
3. 文件扩展名
* JS：.js。
* JSP：.jsp。
4. 代码执行方式
* JS：JavaScript代码在客户端浏览器中直接执行。
* JSP：JSP页面在服务器端编译成Java Servlet，然后执行Java代码。
5. 数据存储
* JS：JavaScript可以在客户端存储数据，如localStorage、sessionStorage等。
* JSP：JSP通常在服务器端存储数据，如数据库、文件等。
三、JS与JSP的区别实例
下面，我们将通过一个简单的实例来展示JS与JSP的区别。
实例：实现一个登录功能，用户输入用户名和密码，如果正确，则显示欢迎信息；如果错误，则显示错误信息。
1. 使用JS实现
```javascript
// login.js
function login() {
var username = document.getElementById("
