функция всплывающего окна в html

#javascript #html #jquery #css

Вопрос:

Я новичок в HTML-кодировании и JavaScript.

Я готовлю отчет в формате HTML, в котором несколько раз отображаются всплывающие окна и связанные с ними сообщения.

Я узнал, что идентификатор должен быть уникальным.

Может ли кто-нибудь помочь мне с кодом, если есть другой способ выполнить это требование

 function dFunc() {
  var popup = document.getElementById(id);
  popup.classList.toggle("show");
} 
 <div onclick='dFunc()'>
  OK
  <span class='popuptext' id='dPopup'>
    Message
  </span>
</div>

<div onclick='dFunc()'>
  OK
  <span class='popuptext' id='LPopup'>
    Something
  </span>
</div>

<div onclick='dFunc()'>
  OK
  <span class='popuptext' id='SPopup'>
    new thing
  </span>
</div> 

Комментарии:

1. Когда-нибудь пробовали погуглить «модальное всплывающее окно javascript»?

Ответ №1:

 function dFunc(){ var popup = document.getElementById('dPopup') popup.classList.toggle("visible");}
 

Избегайте использования onclick на HTML-страницах..

Посмотрите на эту ссылку и в следующий раз попробуйте поискать в Google, прежде чем отправлять запрос.