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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

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

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

2 года назад

Aleksey

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

10 месяцев

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

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

5 месяцев

Профессиональная верстка

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

2 месяца

ООП на Javascript

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

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