Создать кнопки только с Javascript

Question

Я пытался создать базовую карточную игру. Идея состоит в том, что она показывает вам карточки, и вы нажимаете на кнопку, и она переворачивает карту или меняет цвет или что-то еще. Я делаю это для школы, поэтому я делаю это на сайте под названием codehs.com, который имеет свой собственный редактор javascript.

https://codehs.com/share/8xBGa1CKkI4paE35nY9x
(ссылка на сайт)

Проблема заключается в том, что, насколько я могу сказать, единственный способ на самом деле создания кнопки с HTML, и она взаимодействует с JavaScript через веб-страницы. Это проблема, потому что я не знаю, как это сделать с помощью javascript.

Мой вопрос в том, есть ли способ создать кнопку в качестве объекта в Javascript без, без каких-либо html?

первый раз спрашивать, извините, если это не самый лучший способ, чтобы просить Спасибо заранее (и те, кто уже ответил, я ценю помощь)

Answer 1

Я не знаю окружающую среду вы говорите about - ссылка там действительно поможет, но, предполагая, что вы хотя бы имеете доступ к 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);