请问老师代码哪里出错了,点击按钮无法跳转,也没有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回答
同学你好,测试代码点击按钮的时候会报错

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

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

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

祝学习愉快!
相似问题