Tengo este problema que sé que es un error, si alguien ha tenido el mismo problema, ¿podría explicarlo? Esencialmente, el lapso "excla" requiere que el usuario actualice la página antes de poder hacer clic en ella, después de que el usuario actualice la página, pueden hacer clic en él tantas veces como quieran, estoy tratando de hacer que se pueda hacer clic desde el principio, ¿alguien sabe por qué sucede esto?
<div class="popupz" id="popupx" href="javascript:void(0);" href="javascript:;"> <span class="popuptext" id="myPopup">Content</span> <span id="excla" class="ddop" onclick="myFunctionz()" style="background-color:#fff;" href="javascript:void(0);" href="javascript:;"> ! </span> </div> <script> // When the user clicks on div, open the popup const element = document.getElementById("excla"); element.addEventListener("click", function() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); }); </script>Parece que tienes un montón de código extraño. Lo he recortado al mínimo para mostrar y ocultar myPopup
Solo necesitas agregar algo de css.
// When the user clicks on div, open the popup const element = document.getElementById("excla"); element.addEventListener("click", function() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); }); #myPopup { visibility:hidden; } #myPopup.show { visibility:visible; } <div class="popupz" id="popupx"> <span class="popuptext" id="myPopup">Content</span> <span id="excla" class="ddop" style="background-color:#fff;"> ! </span> </div>