简单:HTML / Javascript无法使用此按钮?

时间:2017-05-21 18:50:12

标签: javascript html css

我刚刚开始学习Javascript并遵循教程。我已经逐字复制了这段代码,但它只是没有做它应该做的事情。该视频是从2015年开始的,所以关于语言的一些内容可能已经改变我不知道,任何帮助将不胜感激,谢谢

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Example</title>
  <script type="text/javascript">
    function substitute() {
      var myValue = document.getElementById('myTextBox').value;

      if (myValue.length === 0) {
        alert('Please enter a real value in the text box!');
        return;
      }

      var myTitle = document.getElementById('title');
      title.innerHTML = myValue;

    }
  </script>

</head>
<body>
  <h1 id="title">JavaScript Example</h1>

  <input type="text" id="myTextBox" />
  <input type="submit" value="Click Me" onclick="substitute();" />

</body>
</html>

2 个答案:

答案 0 :(得分:1)

制作它,

<input type="text" id="myTextBox">
<input type="submit" value="Click Me" onclick="substitute();">

您创建了一个功能substitute,但尝试拨打substitut

答案 1 :(得分:0)

尚未定义变量标题。 您应该将其更改为:

myTitle.innerHTML = myValue;