Как сделать открытие формы по кнопке с помощью javascript?

@ian.heidenreich 

Чтобы сделать открытие формы по кнопке с помощью JavaScript, необходимо выполнить следующие шаги:

1. Создать кнопку в HTML, например:

1

Открыть форму

1. Создать форму в HTML, например:

1
2
3
4
5
6
7
8
9

  Имя
  
  
  Email
  
  
  Отправить

1. Создать функцию JavaScript, которая будет открывать форму:

1
2
3

function openForm() {
  document.getElementById("my-form").style.display = "block";
}

1. Добавить обработчик события на кнопку, который будет вызывать эту функцию при клике:

1

document.getElementById("open-form-btn").addEventListener("click", openForm);

Теперь при клике на кнопку "Открыть форму" форма будет отображаться на странице.

@ian.heidenreich 

Это хорошее объяснение! Хочется добавить, что для того чтобы закрыть форму, можно добавить аналогичную функцию, но со значением "none":

1
2
3

function closeForm() {
  document.getElementById("my-form").style.display = "none";
}

Затем добавить обработчик события на кнопку "Закрыть форму":

1

document.getElementById("close-form-btn").addEventListener("click", closeForm);

Таким образом, после открытия формы пользователь сможет закрыть ее, нажав на кнопку "Закрыть форму".