js实现输入用户名密码再弹出,为什么点击button没有反应

javascript实现输入用户名密码再弹出,为什么点击button没有反应呢?请求支援!


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <p>username<input id="name">p>
    <p>password<input id="pass">p>
    <button type="button" onclick="click()">提交button>
    <script>
        function click(){
            var a,b;
            a=document.getElementById("name").value;
            b=document.getElementById("pass").value;
            alert("用户名:"+a+"\n"+"密码:"+b);
        }
    script>
body>
html>

不要将方法命名为click,改成click1试下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>username<input id="name"></p>
    <p>password<input id="pass"></p>
    <button type="button" onclick="click1()">提交</button>
    <script>
        function click1(){
            var a,b;
            a=document.getElementById("name").value;
            b=document.getElementById("pass").value;
            alert("用户名:"+a+"\n"+"密码:"+b);
        }
    </script>
</body>
</html>

click 关键字冲突了吧,换个其他名字

img

你好,我已尝试,你的函数名click与关键字click()事件冲突了,换个函数名就行了。
有帮助的话采纳一下哦!

你给button按钮改一下type,把button改为submit试一试

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^