我正在学习 Javascript/JQuery。
我正在写一个猜数字游戏,如果用户猜错.animate()
了,我正在尝试backgroundColor
改变。id
我已经看到了一些这样的例子,并在我尝试使用的 JQuery 站点上找到了一个。
你可以在这里看到代码:https ://github.com/thecompu/hc
否则,它在下面。
注意:如果您index.html
在浏览器中运行,随机数会记录到控制台,但如果您没有打开控制台,您将看不到它。但是,数字选择仅在 1 到 10 之间。
现在发生的情况是,如果您猜错了数字,系统会再次提示您,正如我所愿。但我也希望身体背景将颜色变为红色。相反,在用户给出正确答案后,背景颜色会发生变化,并且不是动画。
$(document).ready(function () {
var answer = Math.floor(Math.random() * 10) + 1;
console.log(answer);
function game() {
var guess = prompt("Choose a number!");
guess = Number(guess);
if (guess !== answer) {
$("#bg").animate({
backgroundColor: "#F00",
color: "#000",
}, 1000);
console.log("Nope!");
game();
} else {
console.log("Yay!");
}
}
game();
});