验证用户名和密码-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)

【案例1-9】验证用户名和密码

一、案例描述

1. 考核知识点

prompt() window对象的方法

1. 练习目标

• 掌握prompt()方法。

1. 需求分析

prompt()是window对象的方法,其完整写法是window.prompt()，本案例用于验证用户名和密码是否正确。

1. 案例分析

1. 效果如图1-12所示。

 

1. 验证用户输入的用户名

 

1. 验证用户输入的密码

 

1. 用户名和密码输入正确

1. 具体实现步骤如下：

1. 将输入的用户名与正确的用户名“admin”作比较。
2. 将输入的密码与正确的密码“123456”作比较.
3. 如果用户名和密码输入正确，则提示“登录成功”。
4. 反之输入错误，则提示“用户名或密码输入错误”

二、案例实现

根据上面的分析，可以通过简单的JavaScript代码来实现这一效果，具体代码如下：

4.    
5.    
8.