@Ex1st

Как выводить попап с помощью JavaScript?

Всем привет. Суть заключается в том, что мой поп ап выводится не по кнопке, а по условию
if(document.URL.indexOf("/catalog/furshetnye_zakuski/")!=-1)

Как с помощью этого условия вывести поп ап? Он уже полностью свёрстан. Проблема в том, что я не знаю JS, а сделать нужно сейчас.
Прошу помощи

UPDATE:
В комментариях
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 2
@Ex1st Автор вопроса
<script>
var modal = document.getElementById("mymodal");
var btn = document.getElementById("test");

if(document.URL.indexOf("/catalog/furshetnye_zakuski/")!=-1) {
modal.style.display = "block";
}

     btn.onclick = function() {
    modal.style.display = "none";
  }
  

</script>
Ответ написан
@Rerurk
<div id="popUp"
     style="position: absolute;width: 100px;height: 100px;background: yellow;color: black;border-radius: 10px;border: solid 1px #000;text-align: center" hidden=true>
	<span id="popUpText">это текс поп ап</span>
	<button id="btPopUpClose" style="">закрыть</button>
</div>
<script>
	
	let docUrl='http://localhost';///значение url при котором всплывает попап
	let popUpMess='покаазываем ПОПАП'; // тест попапа
    if (!document.URL.indexOf(docUrl)){
        document.getElementById('popUp').hidden = false;
        document.getElementById('popUpText').innerHTML=popUpMess;
        let btPopupClose = document.getElementById('btPopUpClose');
        btPopupClose.onmousedown = () => {
            document.getElementById('popUp').hidden = true;
            
        }
    }
</script>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы