私のjavascriptプログラムでは、挨拶メッセージごとに異なる背景色を生成しようとしていますが、randomColorを使用して背景色を適用しましたが、誰がそれが間違っているか教えてくれますか?Javascript:挨拶メッセージごとに異なる色を表示
コード:
<!DOCTYPE html>
<html>
<head>
<title>trail6</title>
</head>
<body>
<p id="demo"></p>
<script>
var today = new Date()
var curHr = today.getHours()
if (curHr >= 0 && curHr < 6) {
document.getElementById("demo").innerHTML = 'What are you doing that early?';
} else if (curHr >= 6 && curHr < 12) {
document.getElementById("demo").innerHTML = 'Good Morning';
} else if (curHr >= 12 && curHr < 17) {
document.getElementById("demo").innerHTML = 'Good Afternoon';
} else {
document.getElementById("demo").innerHTML = 'Good Evening';
}
var colors = ["#D3FFA3", "#FFF8A7", "#FFBC98", "#FF9A95","#B6FDFF", "#A8FFC1", "#B6FF99"];
var randomColor = colors[Math.floor(Math.random() * colors.length)];
document.getElementById("demo").style.backgroundColor = colors[randomColor];
</script>
</body>
</html>