gpt4 book ai didi

javascript - 多个变量和提示

转载 作者:行者123 更新时间:2023-11-28 15:13:43 25 4
gpt4 key购买 nike

所以基本上我需要在回答问题后使用 JavaScript 和变量将我的网站从一张图像转换为另一张图像。我将提示用户从 1-10 的情绪,如果他们选择 1-3(悲伤),则图像将变为悲伤的面孔,如果他们选择 4-7(中性),如果他们选择 8-,图像将变为中性面孔10(happy) 网站上的图像将变为笑脸。我的代码虽然不起作用,但我已经尝试了一切

    <head>
<title>Mood</title>
<meta charset="UTF-8">
<script>
var sad = 1 , sad2 = 2, sad3 = 3;
var n1 = 4, n2 = 5, n3 = 6, n4 = 7;
var h1 = 8, h2 = 9, h3 = 10;

var x = prompt("What is your mood from 1-10? 1 being sad, 10 being Happy.","What is your mood?");
if(x === sad || x === sad2 || x === sad3){
document.getElementByTagName("img").src = "sad.png";
document.getElementById("msg").innerHTML = "Sad.";
document.getElementById("msg").href = "http://www.sad.com";
}
else if(x === n1 || x === n2 || x === n3 || x === n4){
document.getElementByTagName("img").src = "neutral.png";
document.getElementById("msg").innerHTML = "Neutral.";
document.getElementById("msg").href = "http://www.neutral.com";
}
else if(x === h1 || x === h2 || x === h3){
document.getElementByTagName("img").src = "happy.png";
document.getElementById("msg").innerHTML = "Happy.";
document.getElementById("msg").href = "http://www.happy.com";
}
</script>
</head>
<body style="text-align:center">
<img src="neutral.png">
<h1><a id="msg" href="">Waiting...</a></h1>
</body>

在我使用 NetBeans 的编码中,它没有给我带来任何错误,但我在提示中输入的任何数字,页面都会显示为空白。

最佳答案

问题似乎是 ===运算符(operator)。它检查绝对相等而不进行类型转换。

当你在提示中输入1时,很可能会被记录为“1”,即一个字符串。当您检查是否 x === sad ,您正在检查“1”是否等于 1(它不等于 - 第一个是字符串,第二个是数字)。

要解决此问题,请使用较弱的 ==运算符(它将适本地转换类型),或者代替分配 1var sad ,分配"1"相反。

关于javascript - 多个变量和提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35095408/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com