@7Alina7

Надо поправить код. Хочу сделать банальный попап, не понимаю, почему не срабатывает, объясните, пожалуйста. Изначально элемент скрыт. В чем ошибка?

<button class="popup_open" id="popup_open">Button</button>
<div class="popup" id="popup">
      <div class = "popup_body">
        <div class="popup_content">
          <button class="popup_close" id="popup_close">X</button>
          <h1 class="popup_title">Подписаться</h1>
          <div class="popup_forms">
          <label class="name" for="name"><b>Name</b></label> <br>
          <input type="text" placeholder="Your name" name="name" required> <br>
          <label class="email" for="email"><b>E-mail</b></label> <br>
          <input type="text" placeholder="Your e-mail" name="email" required><br>
        </div>
        </div>
      </div>
    </div>

.popup {
  display: none;

let elem = document.getElementById('.popup')
    document.getElementById('.popup_open').addEventListener ('click', () => elem.style.display = 'block'),
    document.getElementById('.popup_close').addEventListener ('click', () => elem.style.display ='none');
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
15 июн. 2024, в 23:20
50000 руб./за проект
15 июн. 2024, в 23:15
4000 руб./за проект
15 июн. 2024, в 23:01
4400 руб./за проект