JavaScript基础 - 经典案例2 - 生成校验验证码

需求：

随机生成4位验证码，范围0-9a-z，用户输入后，点击确定按钮开始校验；

若用户未输入，弹出提示框；

若用户输入错误，显示红色的字，提示用户验证码输入错误，重新生成验证码，并清空输入框；

若用户输入正确，显示绿色的字，提示用户验证码输入正确；

当用户点击看不清换一张时重新显示新的验证码；

示例：

 

 

 

 

关键点：

1、生成随机数

2、修改DOM元素内容、样式

代码示例：

HTML:

<div class="code">
    <!-- 验证码显示 -->
    <div cl