[英]JS onclick event is not triggered
试图制作一个问答程序,一旦用户按下“下一个问题”按钮,它就会显示问题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()"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.