按钮未出现在网页上

时间:2021-06-07 15:42:59

标签: javascript

我有一些使用 C# 的 Visual Studio 经验。我正在使用记事本 ++ 并将文件另存为 .html。

到目前为止我已经有了这个代码,但是网页上没有出现一个按钮。我对 JavaScript 非常陌生(你可能已经知道了)。

我觉得 html 是一种不同的语言,我必须将它与 JavaScript 结合使用才能创建我需要的程序。我正在尝试创建一个程序,根据您单击的按钮随机选择英雄联盟角色。

<html>
  <body>
    <h1>Select Your Role</h>
  </body>
</html>

<script>
  let btn = document.createElement("button");
  btn.innerHTML = "Reveal Champion";
  document.body.appendChild();
</script>

1 个答案:

答案 0 :(得分:0)

你离我很近。正如其他人提到的the documentation is your friend

您已经创建了按钮,但是您需要将那个添加到您没有做的页面中。

let btn = document.createElement("button");
btn.innerHTML = "Reveal Champion";
document.body.appendChild(btn);
// ------------------------^
<html>
  <body>
    <h1>Select Your Role</h>
  </body>
</html>