Javascript 无法在html代码中导入js代码并使其成为文档。请编写一些内容_Javascript

Javascript 无法在html代码中导入js代码并使其成为文档。请编写一些内容

javascript

Javascript 无法在html代码中导入js代码并使其成为文档。请编写一些内容,javascript,Javascript,html: 因此，屏幕上既没有显示“yo”也没有显示“hi”；我做错了什么？您必须取消注释标记，以便脚本正确链接，您应该看到带有输入和按钮元素的“yo” 然后，将标记放在按钮后面，否则，脚本将在创建按钮之前执行，因此不会添加事件侦听器。现在，当你点击按钮时，你会看到“嗨” 这是标题点击嗯，html中的脚本部分被注释掉了，所以它当然不起作用。 <html> <header><title>This is title</title></hea

html:

因此，屏幕上既没有显示“yo”也没有显示“hi”；我做错了什么？

您必须取消注释

标记，以便脚本正确链接，您应该看到带有输入和按钮元素的“yo”

然后，将

标记放在按钮后面，否则，脚本将在创建按钮之前执行，因此不会添加事件侦听器。现在，当你点击按钮时，你会看到“嗨”


这是标题
点击

嗯，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>

//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")
});

<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>