JS onclick事件未触发

试图制作一个问答程序,一旦用户按下“下一个问题”按钮,它就会显示问题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()"

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章