Javascript 我有一个编程任务，我可以'；别再往前走了

我要做的是：

创建一个包含2个输入字段和一个按钮的简单HTML表单。此外，创建一个100x100px的矩形，并另外定义3种背景颜色较大（红色）、相等（绿色）和较小（黄色）的样式。编程一个“检查”功能，单击按钮时执行该功能，并根据两个数字设置矩形上的颜色

我的代码：

函数reckteck（）{
var gr=document.getElementById（'demo1'）。值；
var gl=document.getElementById（'demo1'）。值；
var kl=document.getElementById（'demo1'）。值；
如果（演示1>演示2）{
document.getElementById（“eck”）.style.backgroundColor=“红色”；
}else if（demo1==demo2）{
document.getElementById（“eck”）.style.backgroundColor=“绿色”；
}否则如果（演示1<演示2）{
document.getElementById（“eck”）.style.backgroundColor=“黄色”；
}
}

普鲁芬

试试这个例子：

函数reckteck（）{
var yo1=document.getElementById（'yo1'）.value；
var yo2=document.getElementById（'yo2'）.value；
如果（yo1>yo2）{
document.getElementById（“eck”）.style.fill=“红色”；
}否则如果（yo1==yo2）{
document.getElementById（“eck”）.style.fill=“绿色”；
}否则如果（yo1

普鲁芬

现在我们知道您必须做什么，但我们不知道您的问题是什么。需求的哪一部分在您的代码中不起作用？您的

demo1

和

demo2

没有定义，而且

gr

，

gl

和

kl

是相同的DOM元素，从未使用过。解决这个问题。另外，您的

#demo1

和

#demo2

具有字符串值，因此您不能简单地使用

“编写总结特定问题的标题”进行比较。请阅读我的代码只适用于绿色。其他的不起作用。