效果展示:
1.分析需求(交互):
点击登录按钮 : (1)判断用户名密码长度 : 全部大于6 登录成功
(2)如果登录成功
(2.1)将用户名和密码写入本地存储,下一次登录时直接显示用户名和密码
(2.2)跳转网页 前端营地的博客_CSDN博客-前端每日知识,前端每日一练,前端每日一问领域博主
2.思路分析(事件三要素)
获取元素:事件源:
注册事件:事件类型
事件处理:
代码
<script>
//1.获取元素
var input_txt = document.querySelector('.input_txt');
var input_pass = document.querySelector('.input_pass');
var input_sub = document.querySelector('.input_sub');
//2.注册事件
input_sub.onclick = fun