在javascript中创建更改颜色的按钮时出现问题

我想做一个缺字游戏，在游戏中你必须从几个单词中选择正确的缺字。 例如 “太阳。” A.发光 B.发光 C.闪亮

之后，应该有一个按钮，改变颜色的失踪字绿色，如果它的正确和红色，如果它的错误

我已经试着做了一个if-else的陈述，但我认为我做得不够好

函数myFunction（）{
if（document.getElementById（“demo”）=“发光”）{
document.getElementById（“demo”）.style.color=“绿色”；
}否则{
document.getElementById（“演示”）.style.color=“红色”；
}
}

1。太阳
闪耀
闪亮的
闪耀
检查您应该使用
元素上的
.value
检查值，而不是
，其次，您应该与
==
或
=
进行比较，而不是与
=
进行比较


函数myFunction（）{
if（document.getElementById（“demo”）.value==“发光”）{
document.getElementById（“demo”）.style.color=“绿色”；
}否则{
document.getElementById（“演示”）.style.color=“红色”；
}
}

现在简单
一,。太阳
闪耀
闪亮的
闪耀
检查！
这里有几个问题：

您的
if
语句正在进行赋值而不是相等

这有一个
=
符号

if (document.getElementById("demo").value = "shines")

应该是这样的：

if (document.getElementById("demo").value == "shines")


您不应该创建具有相同id的多个元素（
demo
in
你的情况）。我想你想给
元素
id，而不是

您可能需要检查：

document.getElementById("demo").value


下面是一段运行代码，可以帮助您继续：


函数myFunction（）{
if（document.getElementById（“demo”）.value==“s”）{
document.getElementById（“demo”）.style.color=“绿色”；
}否则{
document.getElementById（“演示”）.style.color=“红色”；
}
}
1。太阳
闪耀
闪亮的
闪耀
检查一个
id
应该是唯一的。将其移动到
，然后使用
document.getElementById（'select'）.value
。另外，使用
==
或
===
进行比较。（另外，如果选项文本与值相同，您可以省略value属性）（编辑：在我的评论中，
getElementById（'select'）
应该是
getElementById（'demo'）
）谢谢Chris。一个功能多个句子是可能的吗？例如1.阳光普照。我踢足球。如何使一个功能，但按钮只改变一个句子的颜色？我做了一个函数，但当我点击第一个按钮时，它改变了第一句和第二句的颜色。我更新了小提琴。太棒了！它很好用。但是你能告诉我如何使用输入而不是选择来制作同样的东西吗？谢谢！它是有效的：）一个功能，但多个句子是可能的吗？即使我有10个句子需要检查，我如何才能使一个函数在一个句子中只改变一个单词的颜色？