gpt4 book ai didi

javascript - 如何使用不使用功能的开关更改 HTML 文档的 bgColor

转载 作者:行者123 更新时间:2023-12-02 19:29:29 24 4
gpt4 key购买 nike

我想仅使用开关更改 HTML 文档的 bgColor,而不是使用函数。请帮忙。我是 JavaScript 新手。我的代码是这样的

<html>
<head>
<script language="javascript">

var color;
color = parseInt(prompt("Enter the color"));

switch(color)
{
case 1:
document.bgColor="red";
break;

case 2:
document.bgColor="blue";
break;
case 3:
document.bgColor="green";
break;
default :
alert("invalid");

}


</script>
</head>
</html>

最佳答案

也许是这样的?

var colors = [undefined, "red", "blue", "green"];
var input = parseInt(prompt("Enter the color"));
var color = colors[input];

if(color != undefined) {
document.body.style.backgroundColor = color;
} else {
alert("invalid");
}

无需将输入传递到开关,只需将其用作包含颜色字符串的数组的索引即可。

进一步的想法:如果您想将任何类型的输入映射到颜色输出(即,不仅仅是数字输入),请使用对象:

var colors = {
1: "red",
"two": "green",
"sandwich": "blue"
}
....

关于javascript - 如何使用不使用功能的开关更改 HTML 文档的 bgColor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11682346/

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