как сделать кнопку в 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-код:
html
<button type="button" class="btn">Нажми меня</button>
Кирилл Маркеев
Фронтенд-разработчик
Изучите HTML, CSS, JavaScript и React
от 6 792 ₽
Посмотреть →
ООП на Javascript
Изучите архитектуру и принципы чистого кода на JS
от 3 900 ₽
СИКП на JS
Навык фундаментального программирования
Асинхронное программирование на JS
Навык работы с асинхронностью в JS
Автоматизатор тестирования на JavaScript
Изучите: Git, JavaScript, Playwright, юнит-, API- и UI-тесты, Docker и SQL
от 4 281 ₽
Полный список доступных курсов по разным направлениям
Похожие вопросы
Курсы по веб-разработке