gpt4 book ai didi

javascript - JS onclick事件没有触发

转载 作者:行者123 更新时间:2023-11-30 14:02:55 25 4
gpt4 key购买 nike

尝试制作一个问答程序,在用户按下“下一个问题”按钮后显示问题 2。我提供了 HTML、javascript 和 style.css 文件来展示我的作品。问题不在于代码可见,而是点击按钮什么都不做

我的代码:

function question2() {
document.getElementById("Question2_visible").style.visibility =
"visible";
}
#Question2_visible {
visibility: hidden;
}
<!DOCTYPE html>
<html>

<head>

<title>Welcome!</title>
<link href="style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<script src="main.js"></script>

</head>


<body>
<h1>Answer these questions:</h1>


<form id="quiz" name="quiz">


<p class="questions">What is your name?</p>
<input id="textbox" type="text" name="question1">
<input id="button" type="button" value="Next Question pls!" onclick=" question2();">

<div id="Question2_visible">
<p class="questions">What is your age??</p>
<input type="radio" id="mc" name="question2" value="<18"> more
<br>
<input type="radio" id="mc" name="question2" value=">18"> less
<br>
</div>

</form>

</body>

</html>

最佳答案

您的 name="question2" 干扰了 question2 函数。

如果有名称冲突,请在窗口对象上调用函数:

onclick="window.question2()"

关于javascript - JS onclick事件没有触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55992432/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com