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

3 года назад

Nikolai Gagarinov

Ответы

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

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>

3 года назад

Кирилл Маркеев

10 месяцев·С нуля

Фронтенд-разработчик

Изучите HTML, CSS, JavaScript и React

Посмотреть →

2 месяца·Для продвинутых

ООП на Javascript

Изучите архитектуру и принципы чистого кода на JS

Посмотреть →

1 месяц·Для продвинутых

СИКП на JS

Навык фундаментального программирования

Посмотреть →

1 месяц·Для продвинутых

Асинхронное программирование на JS

Навык работы с асинхронностью в JS

Посмотреть →

6 месяцев·Для продвинутых

Автоматизатор тестирования на JavaScript

Изучите: Git, JavaScript, Playwright, юнит-, API- и UI-тесты, Docker и SQL

Посмотреть →

Каталог

Полный список доступных курсов по разным направлениям

Похожие вопросы

Курсы по веб-разработке

Посмотреть →

support@hexlet.io

t.me/hexlet_help_bot

EN KZ

+7 800 100 22 47

бесплатно по РФ

+7 495 085 21 62

бесплатно по Москве

Правовая информация Оферта Лицензия Контакты

ООО «Хекслет Рус»

108813 г. Москва, вн.тер.г. поселение Московский,

г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3

ОГРН 1217300010476

ИНН 7325174845

АНО ДПО «Учебный центр Хекслет»