创建仅包含 Javascript 的按钮

Question

我一直在尝试创建一个基本的纸牌游戏。这个想法是它向你展示卡片，然后你点击一个按钮，它会翻转卡片或改变颜色或其他任何东西。我在学校这样做，所以我在一个名为 codehs.com 的网站上这样做，该网站有自己的 javascript 编辑器。

https://codehs.com/share/8xBGa1CKkI4paE35nY9x
（link 到网站）

问题是，据我所知，实际创建按钮的唯一方法是使用 html，并让它通过网页与 javascript 交互。这是一个问题，因为我不知道如何单独使用 javascript 来做到这一点。

我的问题是，有没有办法在 Javascript 中创建一个按钮作为对象，而不需要任何 html？

第一次提问，如果这不是最好的提问方式，请见谅在此先感谢（以及那些已经回答的人，我感谢他们的帮助）

Answer 1

我不知道你说的环境 - link 确实会有帮助，但假设你至少可以访问 DOM，创建它很容易通过 JavaScript.

的按钮

var button = document.createElement("button");
button.innerHTML = "click me!";

button.addEventListener("click", function() {
  button.innerHTML = "You did it";
});

document.body.appendChild(button);

Answer 2

这是一个例子

var btn = document.createElement("BUTTON");        // Create a <button> element
var t = document.createTextNode("CLICK ME");       // Create a text node
btn.appendChild(t);                                // Append the text to <button>
document.body.appendChild(btn);

创建仅包含 Javascript 的按钮

Create Buttons with only Javascript

javascript

interaction