как сделать кнопку в 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
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»