Mi mensaje no aparece después de ejecutar el código. Necesito alguna dirección, verifiqué dos veces mi código. Puede ser un error sintáctico en alguna parte
HTML- <!doctype html>
<html> <head> <title>Message Generator</title> <link rel="stylesheet" href="index.css"> <center><div class="wordart blues"><span class="text">Message Generator</span></div></center> </head> <body> <div class="quoteDisplay"><center>Your random message will be displayed here</center></div> <div id="quote"> <!--Quote will display here--> </div> <center><button onclick="messageGenerator()">Click Here</button></center> <script src="index.js"></script> </body> </html>Javascript-
const first = ["Mom", "Dad", "Uncle", "Dog", "Cat", "Brother", "Sister", "Aunt", "Random Stranger", "Respect", "Honor", "Dignity", "Brain", "Life"] const second = ["Ocean", "Sea", "Volcano", "Tornado", "Ditch", "Cave", "Typhoon", "Asia", "India"] const third=["Unknown","To explore","To prove a point","To live life with no constraints","Just cause"] function randomGenerate(value) { var item = value[Math.floor(Math.random() * value.length)]; return item; } const messageGenerator = () => { let person = randomGenerate(first); let place = randomGenerate(second); let reason = randomGenerate(third); let finalSentence = `Your ${person} jumped in the ${place}\nReason: ${reason}`;document.getElementById("quoteDisplay").innerHTML=finalSentence; }
document.getElementById("quoteDisplay") busca un elemento con ID de "quoteDisplay". En este caso, su elemento objetivo es una clase.
document.querySelector('.quoteDisplay').innerHTML = finalSentence Aunque creo que está tratando de apuntar a #quote, que en este caso, getElementById es el método correcto pero la identificación incorrecta
document.getElementById("quote").innerHTML = finalSentence;Mirando tu HTML
<div class="quoteDisplay"><center>Your random message will be displayed here</center></div> <div id="quote"> Mirando su document.getElementById("quoteDisplay").innerHTML=finalSentence;
Debería ser document.getElementById("quote").innerText = finalSentence;