Estaba configurando un sitio web básico, pero por alguna razón, cuando fui a probarlo, me confundió al descubrir que no funcionaba como de costumbre. Sigo recibiendo este error. "Error de referencia no capturado: el mensaje de revelación no está definido"
<!DOCTYPE html> <html> <head> <script src="js/script.js"></script> <title>Rock Paper Scissors!</title> </head> <body> <button onclick="revealMessage()">Click!</button> <p id="hiddenMessage" style="display:none">hidden message thingy</p> </body> </html> function revealMessage() { document.getElementById("hiddenMessage").style.display = "block"; }Lo único que puedo ver que podría ser un posible problema es si su archivo JavaScript no está dentro de una carpeta llamada "js". Dijiste que tu js está en otra carpeta; si tiene un nombre que no sea "js", entonces su archivo html está tratando de acceder al archivo JS dentro de una carpeta que no existe. Entonces su estructura de archivos debería verse como
- [html file name].html - js/ - script.jsTus dos fragmentos fueron desconectados. Simplemente coloque el código HTML y JS en el mismo fragmento y debería funcionar. Vea abajo:
function revealMessage() { document.getElementById("hiddenMessage").style.display = "block"; } <!DOCTYPE html> <html> <head> <script src="js/script.js"></script> <title>Rock Paper Scissors!</title> </head> <body> <button onclick="revealMessage()">Click!</button> <p id="hiddenMessage" style="display:none">hidden message thingy</p> </body> </html>Parece que no hay problema con el código, pero solo verifique si su función está en el alcance global o local.
También asegúrese de que su archivo js esté vinculado a su html correctamente. Verifique su archivo js con una alerta básica ();