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

2 года назад

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>

2 года назад

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

10 месяцев

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

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

1 месяц

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

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

8 месяцев

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

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

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