Я постоянно возвращаюсь к этому, оно просто не хочет жить в моей голове, и я снова и снова возвращаюсь к Google, чтобы найти «как создать кнопку с помощью javascript?»
Затем я трачу 3–5 минут, пытаясь найти ответ, который ищу. Почти все, что приходит на ум в первую очередь, это как создать кнопку с помощью HTML. Это довольно просто, но не отвечает требованиям к написанию кода для создания кнопки в javascript и добавления ее в DOM.
Итак, приступим. Как создать кнопку с помощью javascript!
Вы можете создать элемент кнопки в JavaScript, используя метод createElement. Например:
let button = document.createElement("кнопка");
Это создает новый элемент кнопки, но он еще не виден на странице. Вам нужно будет добавить его в HTML-документ. Один из способов сделать это — добавить его к элементу контейнера:
document.body.appendChild(button);
Кроме того, вы также можете установить текстовое содержимое кнопки, установить идентификатор, класс или любой другой атрибут.
button.innerHTML = «Нажми меня»;
button.className = «my-button»;
button.id = «myButton»;
Наконец, вы можете прикрепить прослушиватель событий к кнопке, чтобы она реагировала на взаимодействие с пользователем:
button.addEventListener("щелчок", function(){
alert("Кнопка нажата!");
});
Все вместе похоже
let button = document.createElement("кнопка")
document.body.appendChild(button);
button.innerHTML="Click Me";
button.className="my -button”;
button.id="myButton";
button.addEventListener("click", function() {
alert("Кнопка нажата!");
} );
Вот оно. И мне есть куда вернуться и найти простой ответ для создания кнопки с javascript.