我在嘗試用普通 JavaScript 編寫此代碼時遇到困難。根據選擇的隨機數組元素，我想輸出一個h1包含相關信息的信息。例如，如果#000000選擇 ，我想要一個h1元素顯示“黑色”一詞。這是我的代碼：function myFunction() { var myArray = [ '#4682B4', '#FFF5EE', '#000000' ]; var randomItem = myArray[Math.floor(Math.random() * myArray.length)]; console.log(randomItem) document.body.style.background = randomItem; if (randomItem == myArray[2]) { // Display text "black" }}myFunction();
1 回答
交互式愛情
TA貢獻1712條經驗 獲得超3個贊
我建議將字符串數組更改為包含兩個屬性的對象數組：
hex：十六進制顏色color: 顏色名稱
這樣，if-else您就可以只在數組中分配所需的值，并通過在所需的 HTML 元素上color使用單個分配來分配值（顏色名稱），而不用進行大量設置顏色名稱。innerHTML
function myFunction() {
var myArray = [
{ hex: '#4682B4', color: 'Steel Blue' },
{ hex: '#FFF5EE', color: 'Seashell' },
{ hex: '#000000', color: 'Black' },
];
var randomItem = myArray[Math.floor(Math.random() * myArray.length)];
console.log(randomItem);
document.body.style.background = randomItem.hex;
document.querySelector('#color').innerHTML = randomItem.color;
}
myFunction();
body {
color: #999;
}
<h1 id="color"></h1>
- 1 回答
- 0 關注
- 132 瀏覽
添加回答
舉報
0/150
提交
取消