运行代码后，不会显示我的消息。需要一些指导，我仔细检查了我的代码。某处可能存在语法错误
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")查找ID为"的元素；"显示"；。在这种情况下，您的目标元素是一个类。
document.querySelector('.quoteDisplay').innerHTML = finalSentence
尽管如此，我认为你试图瞄准#quote，在这种情况下，getElementById是正确的方法，但错误的id
document.getElementById("quote").innerHTML = finalSentence;
查看HTML
<div class="quoteDisplay"><center>Your random message will be displayed here</center></div>
<div id="quote">
查看您的javascriptdocument.getElementById("quoteDisplay").innerHTML=finalSentence;
应该是document.getElementById("quote").innerText = finalSentence;