Me gustaría activar un elemento HTML dentro de un archivo PHP desde un archivo JS con un detector de eventos. Este es mi archivo PHP:
<?php echo password : is <div style='visibility:visible' id='password'> ".$pass."</div> <button id='togglePassword'>See</button>"; ?>y este es mi archivo JS. ¡Obviamente estoy usando un detector de eventos que apunta a mi contraseña y alterna! Aquí está mi archivo JS:
const toggle = document.getElementById('togglePassword'); const password = document.getElementById('password'); toggle.addEventListener("click", function () { console.log("test") if(password.style.visibility==="visible"){ password.style.visibility= "hidden" }else { password.style.visibility = "visible" } });Si entiendo su pregunta correctamente, parece que está tratando de obtener información del servidor y dicha solicitud se activa desde un evento de javascript. Puedes intentar lograr eso con AJAX. Con AJAX puedes
Leer datos de un servidor web: después de que se haya cargado la página Actualizar una página web sin recargar la página Enviar datos a un servidor web: en segundo plano
Simplemente haga eco de una etiqueta de secuencia de comandos con src y el resto del trabajo es como de costumbre.
<?php echo "password : is <div style='visibility:visible' id='password'> " . $pass . "</div> <button id='togglePassword'>See</button>"; echo "<script src='./app.js'></script>"; // you can echo normal htmlY en tu app.js haz tu cosa TOGGLE.