Как сделать кнопку js html — Q&A Хекслет
2026-02-26 20:09 Diff
https://ru.hexlet.io/qna/html/questions/kak-sdelat-knopku-js-html

Для создания кнопки на JavaScript в HTML-коде нужно добавить тег <button> и указать свойства кнопки, например, текст на кнопке и функцию, которая будет вызываться при клике на кнопку.

Пример:

<button onclick="myFunction()">Нажми на меня</button> <script> function myFunction() { alert('Привет, мир!'); } </script>

В данном примере при клике на кнопку появится всплывающее окно с надписью "Привет, мир!".

Также можно добавить CSS-стили для кнопки, указав класс или атрибут style:

<button class="myButton">Нажми на меня</button> <style> .myButton { background-color: #4caf50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } </style>

В данном примере кнопка будет иметь зеленый фон, белый текст, отступы и курсор-указатель при наведении на кнопку.