gpt4 book ai didi

javascript - 尝试将按钮背景设置为数组中的随机颜色

转载 作者:太空宇宙 更新时间:2023-11-04 13:59:32 24 4
gpt4 key购买 nike

我是新手,我正在尝试创建一个 HTML 页面,其中的按钮具有基于数组中颜色的随机背景颜色。这就是我现在所拥有的(尽管它不起作用)。我希望有人可以就如何解决此问题向我提供建议,以便它按照我的意愿进行。

    #button {
width: 100px;
height: 100px;
}

</style>
</head>

<body>
<div id="testForm">
<button id="button">
Testing
</button>
</div>


<script type="text/javascript">

$(document).ready(function()
{
var myColors = new Array();
myColors[0] = "#2672EC";
myColors[1] = "#97009F";
myColors[2] = "#094DB5";
myColors[3] = "#00A300";
myColors[4] = "#DA532C";
myColors[5] = "#AF1A3F";
myColors[6] = "#613CBC";
myColors[7] = "#008AD2";

var rand = Math.floor(Math.random()*myColors.length);
$('#button').css("background-color", myColors[rand]);
}


</script>

最佳答案

var myArray = [ "#97009F","#094DB5","#00A300","#DA532C","#AF1A3F","#613CBC","#008AD2"];
var rand = myArray[Math.floor(Math.random() * myArray.length)];

关于javascript - 尝试将按钮背景设置为数组中的随机颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21620805/

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