当我包含javascript代码时，我的html代码没有运行

我正在练习html、css和javascript，我一直在尝试运行这些代码，但最终都失败了。我想不出哪里出了错。非常感谢你的努力

函数示例
变量颜色={
“蓝色”、“绿色”、“红色”
};
颜色；
var猜测=0；
var finished=false；
var目标指数；
var-targetColor；
函数do_game（）{
var randomNo=Math.random（）*3；
var randomNo_integer=数学地板（randomNo）；
目标指数=随机无整数；
targetColor=颜色[目标索引]；
当（！完成）{
guessColor=prompt（“我正在考虑这些颜色中的一种：\n\n”+
蓝色、绿色、红色\n\n+
“我在想什么颜色？”；
如果（guessColor.toUpperCase（）==targetColor.toUpperCase（））
完成=正确；
}
document.body.style.backgroundColor=guessColor.toLowerCase（）；
}

您应该更改分配给

颜色的内容。当前指定的是对象，而不是预期的数组

然后您可以删除body元素中的
onload=“do_game（）”
，并添加一个事件侦听器，它将侦听窗口加载事件

为什么我们要将所有代码包装在一个名为func的函数中

我们这样做是为了不污染环境


函数func（）{
变量颜色=[“蓝色”、“绿色”、“红色”]；
颜色；
var猜测=0；
var finished=false；
var目标指数；
var-targetColor；
函数do_game（）{
var randomNo=Math.random（）*3；
var randomNo_integer=数学地板（randomNo）；
目标指数=随机无整数；
targetColor=颜色[目标索引]；
当（！完成）{
guessColor=prompt（“我正在考虑这些颜色中的一种：\n\n”+
蓝色、绿色、红色\n\n+
“我在想什么颜色？”；
如果（guessColor.toUpperCase（）==targetColor.toUpperCase（））
完成=正确；
}
document.body.style.backgroundColor=guessColor.toLowerCase（）；
}
//这里我们调用触发游戏开始的函数。
//触发DOMContentLoaded事件时将调用此函数。
做游戏（）；
}
window.addEventListener（“加载”，func）
游戏标题
你的数组声明，应该是

var colors = [
  "blue", "green", "red"
];



函数示例
变量颜色=[
“蓝色”、“绿色”、“红色”
];
颜色；
var猜测=0；
var finished=false；
var目标指数；
var-targetColor；
函数do_game（）{
var randomNo=Math.random（）*3；
var randomNo_integer=数学地板（randomNo）；
目标指数=随机无整数；
targetColor=颜色[目标索引]；
当（！完成）{
guessColor=prompt（“我正在考虑这些颜色中的一种：\n\n”+
蓝色、绿色、红色\n\n+
“我在想什么颜色？”；
如果（guessColor.toUpperCase（）==targetColor.toUpperCase（））
完成=正确；
}
document.body.style.backgroundColor=guessColor.toLowerCase（）；
}
什么html代码不起作用？我在正文中看不到任何html代码？var colors=[“蓝色”、“绿色”、“红色”]；打字错误<代码>变量颜色=[“蓝色”、“绿色”、“红色”]我为您制作了一个代码段-修复您在控制台中看到的错误-下次点击F12查看错误。如果（！guessColor | | | guessColor.toUpperCase（）==targetColor.toUpperCase（））finished=true，还允许用户停止输入任何内容
您已经看到了注释。请不要回答打字错误。这仍然是一个打字错误的问题<代码>窗口。onload
更兼容，现在使用嵌套函数使事情变得复杂