JavaScript没有'；不要在纸上写字

我正在制作一个有两个盒子的游戏，如果你点击正确的一个，你就赢了。 我有一个问题，当玩家点击一个方框时，它不会显示他赢了还是输了，只有当你检查这个元素时才能看到

我已经尝试将“console.log”更改为“document.write”，但没有成功。有人能告诉我当玩家点击一个盒子时如何写东西吗

var button1=document.getElementById（'button1'）
var button2=document.getElementById（'button2'）
变量数组=[（'button1'），（'button2'）]；
var-winItem=1；
函数getRandomItemNum（长度）{
返回Math.ceil（Math.random（）*长度）
}
函数重新计算元素（）{
winItem=getRandomItemNum（array.length）；
}
功能检查ISWIN（按钮编号）{
log（`Clicked${buttonNum}.winItem:${winItem}`）；
log（buttonNum==winItem？“您赢了”：“您输了”）；
}
重新计算元素（）
1
2
将容器添加到页面

<div id="result"></div>

请勿在加载页面后使用document.write，因为它将擦除页面和脚本


函数getRandomItemNum（长度）{
返回Math.ceil（Math.random（）*长度）
}
函数重新计算元素（）{
winItem=getRandomItemNum（array.length）；
}
功能检查ISWIN（按钮编号）{
var text=`Clicked${buttonNum}。赢项：${winItem}`
text+=buttonNum===winItem？“您赢了”：“您输了”；
document.getElementById（“结果”）.innerHTML=text；
}
var数组=[…document.queryselectoral（“#container.but”）].map（函数（but）{
但是.addEventListener（“单击”，函数（）{checkIsWin（+this.id.replace（“按钮”））}）
返回`（${but.id}）`
});
addEventListener（“加载”，函数（）{
document.getElementById（“开始”）.addEventListener（“单击”，重新计算InItem）
重新计算元素（）；
})

。但是{
高度：200px；
宽度：200px；
位置：绝对位置；
排名前10%；
背景色：黑色；
}
#按钮1{
左：33%；
背景色：黑色；
颜色：蓝色；
颜色：蓝色；
}
#按钮2{
右：33%；
背景色：黑色；
颜色：红色；
}

1.
2.
开始

将容器添加到页面

<div id="result"></div>

请勿在加载页面后使用document.write，因为它将擦除页面和脚本

函数getRandomItemNum（长度）{ 返回Math.ceil（Math.random（）*长度） } 函数重新计算元素（）{ winItem=getRandomItemNum（array.length）； } 功能检查ISWIN（按钮编号）{ var text=`Clicked${buttonNum}。赢项：${winItem}` text+=buttonNum===winItem？“您赢了”：“您输了”； document.getElementById（“结果”）.innerHTML=text； } var数组=[…document.queryselectoral（“#container.but”）].map（函数（but）{ 但是.addEventListener（“单击”，函数（）{checkIsWin（+this.id.replace（“按钮”））}） 返回`（${but.id}）` }); addEventListener（“加载”，函数（）{ document.getElementById（“开始”）.addEventListener（“单击”，重新计算InItem） 重新计算元素（）； })

。但是{
高度：200px；
宽度：200px；
位置：绝对位置；
排名前10%；
背景色：黑色；
}
#按钮1{
左：33%；
背景色：黑色；
颜色：蓝色；
颜色：蓝色；
}
#按钮2{
右：33%；
背景色：黑色；
颜色：红色；
}

1.
2.
开始

文档。编写

只是为了测试而不是在现实世界中使用，不要在工作中使用它，相反，您可以创建一个div或modal，例如，它将具有类或id

#modal

并使用

innerHTML

来显示您的结果

document.getElementById('modal').innerHTML = your results

---

document.write

只是为了测试而不是在现实世界中使用，不要在工作中使用它，相反，您可以创建一个div或一个modal，例如，它将有一个类或id

#modal

，并使用

innerHTML

来显示您的结果

document.getElementById('modal').innerHTML = your results

---

创建一个带有id的paragrapg 获取段落的ID 并使用.innerhtml添加输出

document.getElementById('response').innerHTML='you win;

---

创建一个带有id的paragrapg 获取段落的ID 并使用.innerhtml添加输出

document.getElementById('response').innerHTML='you win;

HTML

HTML

---

您希望在html的何处显示结果？在按钮下面放置一个id为的div，document.getElementById（'divId'）。innerText=buttonNum==winItem？“你赢了”：“你输了”你能提供结果显示页面的html吗？@Elguti正如Shashank所说，你必须通过html元素向用户显示文本，

span

，

div

，

p

，ect@Shashank添加您的评论作为答案，我将投票支持您的评论。请访问您希望在html上显示结果的位置？在按钮下面放置一个id为的div，document.getElementById（'divId'）。innerText=buttonNum==winItem？“你赢了”：“你输了”你能提供结果显示页面的html吗？@Elguti正如Shashank所说，你必须通过html元素向用户显示文本，

span

，

div

，

p

，等等。@Shashank添加你的评论作为答案，我将投你的票。请访问它！非常感谢。最后一个问题。我如何让它在点击后直接选择新的赢家项目？你是什么意思？当我点击一个框时，它会告诉我我是赢了还是输了，这很好，但我想在点击后立即重新计算赢家项目，而不必刷新页面。我正在考虑为它创建一个按钮，但我不确定如何使它成为JavaScript中的函数。请参阅更新。它有点复杂，但使用的是推荐的做法。它很有效！非常感谢。最后一个问题。我如何让它在点击后直接选择新的赢家项目？你是什么意思？当我点击一个框时，它会告诉我我是赢了还是输了，这很好，但我想在点击后立即重新计算赢家项目，而不必刷新页面。我正在考虑为它创建一个按钮，但我不确定如何使它成为JavaScript中的函数。请参阅更新。它有点复杂，但正在使用推荐的实践。