Javascript 如何将JS生成的按钮附加到div而不是主体

嗨：）我试着在JS中猜一猜数字游戏，这样我就可以最终学习该语言了，即使功能完成了，我在将JS生成的按钮附加到容器div而不是主体上时也遇到了一些问题

让randomNumber=Math.floor（Math.random（）*100）+1；
const guesses=document.querySelector（“.guesses”）；
const lastResult=document.querySelector（“.lastResult”）；
const lowOrHi=document.querySelector（“.lowOrHi”）；
const guessField=document.querySelector（“.guessField”）；
const guessSubmit=document.querySelector（“.guessSubmit”）；
让猜测计数=1；
让我们重新设置按钮；
guessField.focus（）；
函数checkGuess（）{
让userGuess=Number（guessField.value）；
如果（猜测计数===1）{
guesses.textContent=“先前的猜测：”；
}
guesses.textContent+=userGuess+“”；
函数setGameOver（）{
guessField.disabled=true；
guessSubmit.disabled=true；
resetButton=document.createElement（“按钮”）；
resetButton.textContent='开始新游戏'；
document.body.append（重置按钮）；
resetButton.addEventListener（'click'，resetGame）；
}
函数resetGame（）{
猜数=1；
const resetParas=document.querySelectorAll（'.resultParas p'）；
for（设i=0；i随机数）{
lowOrHi.textContent=“你最后的猜测太高了！”；
}
}
猜数++；
guessField.value=“”；
guessField.focus（）；
}
guessSubmit.addEventListener（“单击”，选中Guess）

猜数字游戏
我们选择了一个介于1和100之间的随机数。看看你是否能在10圈或更少的时间内猜到它。我们会告诉你你的猜测是过高还是过低

输入猜测：



只要找到您的父div：

const yourDiv = document.getElementById('yourDivId');

然后将按钮附加到其上：

yourDiv.appendChild(resetButton);

只需找到您的家长div：

const yourDiv = document.getElementById('yourDivId');

然后将按钮附加到其上：

yourDiv.appendChild(resetButton);

您可以使用
document.getElementsByCassName
函数获取要附加到按钮的元素，然后附加到该元素：

在下面的示例中，我将元素附加到
表单
div类


让randomNumber=Math.floor（Math.random（）*100）+1；
const guesses=document.querySelector（“.guesses”）；
const lastResult=document.querySelector（“.lastResult”）；
const lowOrHi=document.querySelector（“.lowOrHi”）；
const guessField=document.querySelector（“.guessField”）；
const guessSubmit=document.querySelector（“.guessSubmit”）；
让猜测计数=1；
让我们重新设置按钮；
guessField.focus（）；
函数checkGuess（）{
让userGuess=Number（guessField.value）；
如果（猜测计数===1）{
guesses.textContent=“先前的猜测：”；
}
guesses.textContent+=userGuess+“”；
函数setGameOver（）{
guessField.disabled=true；
guessSubmit.disabled=true；
resetButton=document.createElement（“按钮”）；
resetButton.textContent='开始新游戏'；
formElem=document.GetElementsByCassName（“表单”）[0]
formElem.append（重置按钮）；
resetButton.addEventListener（'click'，resetGame）；
}
函数resetGame（）{
猜数=1；
const resetParas=document.querySelectorAll（'.resultParas p'）；
for（设i=0；i随机数）{
lowOrHi.textContent=“你最后的猜测太高了！”；
}
}
猜数++；
guessField.value=“”；
guessField.focus（）；
}
guessSubmit.addEventListener（“单击”，选中Guess）

猜数字游戏
@导入url（'https://fonts.googleapis.com/css2?family=Fira+SAN:wght@300；400；500；700&display=swap'）；
猜数字游戏
我们选择了一个介于1和100之间的随机数。看看你是否能在10圈或更少的时间内猜到它。我们会告诉你你的猜测是过高还是过低

输入猜测：



您可以使用
document.getElementsbyClassName
函数获取要附加到按钮的元素，然后附加到该元素：

在下面的示例中，我