请问老师代码哪里出错了,点击按钮无法跳转,也没有alert显示

来源:2-13 编程练习

PADAopanda

2020-12-07 19:13:55

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Location案例</title>

   <style>

div{

margin: 100px 300px;

}

div p{

margin-bottom: 10px;

font-size: 20px;

}

</style>

</head>

<body>

<div class="user">

<p>

用户名: <input type="text" id="usernsme">

</p>

<p>

密 码: <input type="password" id="password">

</p>

<button id="btn">提交</button>

</div>

   <script>

var oUsername = document.getElementById('username');

var oPassword = document.getElementById('password');


var btn = document.getElementById('btn');


btn.onclick = function(){

           var username = oUsername.value;

           var password = oPassword.value;

           if (username == '张三' && password == '123456') {

               window.location.href = 'https://www.google.com/';

           } else {

               alert("信息不对!");

           }

       };


</script>

</body>

</html>


写回答

1回答

好帮手慕星星

2020-12-08

同学你好,测试代码点击按钮的时候会报错

http://img.mukewang.com/climg/5fcee0e509baf3d006560055.jpg

对应到60行代码,用户名获取不到值

http://img.mukewang.com/climg/5fcee0fe094c0e4a05390100.jpg

这是因为设置的id值与获取的id值不一致,修改正确就好了

http://img.mukewang.com/climg/5fcee12b092c139207470515.jpg

另外跳转到慕课网,链接错误了,参考修改:

http://img.mukewang.com/climg/5fcee14c0976f85007500099.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程