Как сделать кнопку js html

Аватар пользователя Aleksey
Aleksey
06 апреля 2023

Для создания кнопки на 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>

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

0 0

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