Question

html：

<html>
<header><title>This is title</title></header>
<body>
<!--<script src="h.js"></script>-->
<input id="input" type="text" />
<button id="button">Click</button>
</body>
</html>

js：

//document.open(h.html)
document.write("yo")
const inputNode = document.getElementById('input');
const buttonNode = document.getElementById('button');

buttonNode.addEventListener('click', () => {
  const inputValue = inputNode.value;

document.write("hi")
});

所以屏幕上既不显示“ yo”也不显示“ hi”；我在做什么错了？

Answer 1

您必须取消注释<script>标记，以便正确链接脚本，您应该在输入和按钮元素上看到“ yo”。

然后，将<script>标记放在按钮之后，否则，脚本将在创建按钮之前执行，因此将不添加事件侦听器。现在，当您单击按钮时，您应该会看到“ hi”。

<html>
<header>
  <title>This is title</title>
</header>

<body>
  <input id="input" type="text" />
  <button id="button">Click</button>

  <script src="h.js"></script>
</body>
</html>

无法导入html代码中的js代码并将其设置为document.write到它

1 个答案: