как сделать кнопку в javascript

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
27 марта 2023

Создаём кнопку:

const button = document.createElement('button');

При необходимости добавляем атрибуты и классы:

button.setAttribute('type', 'button');
button.classList.add('btn');

Добавляем надпись:

button.textContent = 'Нажми меня';

Вешаем обработчик событий:

button.addEventListener('click', () => {
  alert('Кнопка нажата')
});

Добавляем кнопку на страницу:

document.body.append(button);

В результате получим следующий html-код:

<button type="button" class="btn">Нажми меня</button>
1 0