每天使用 JavaScript 自動更換款式

Question

我必須創建一個帶有一些信息的 7 個盒子，每個盒子都必須是黑白的。 但是每個盒子（例如帶有星期一文本的 1 號盒子）必須在我們在星期一時自動更改為自己的顏色（以及另一個黑色和白色的盒子），而另一個盒子在星期二......必須是就這樣繼續

我寫下我的代碼

例如，我們現在是星期二，但會將文本更改為紫色，而不是那張圖片！

我認為，這個屬性 (-webkit-filter: grayscale(100%); filter: grayscale(100%);) 可以在 JavaScript 中每天刪除，但我不知道如何！

你能幫我找到解決方案嗎？ Tnx 這么多

 var d = new Date(); var weekday = new Array(7); weekday[0] = "yellow"; weekday[1] = "red"; weekday[2] = "green"; weekday[3] = "purple"; weekday[4] = "orange"; weekday[5] = "white"; weekday[6] = "brown"; document.getElementById("test").style.color = weekday[d.getDay()];

 #test { }.img-test { width: 100%; height: 390px; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

 <section id="test"> <div class="col-md-4 mb-4"> <h2>Industrie</h2> <a class="position-relative d-block" href="" title=""> <img class="img-fluid img-test d-block mx-auto" src="image/Bild_11.jpg"> </a> </div> </section>

Answer 1

這樣的事情呢？

var d = new Date();
var weekday = new Array(7);
weekday[0] = "yellow";
weekday[1] = "red";
weekday[2] = "green";
weekday[3] = "purple";
weekday[4] = "orange";
weekday[5] = "white";
weekday[6] = "brown";

document.getElementById(ELEMENT_ID).style.color = weekday[d.getDay()];