單擊更改背景顏色和文本顏色

Question

我一直在嘗試-未成功-通過單擊一個<a>元素來更改背景和文本的顏色，在幾種顏色組合之間隨機旋轉。

我的默認顏色是：

color: #1B1725;
background-color: #A30B37;

我想至少使用三種顏色組合（為了這個例子，這三種其他組合可以是基本顏色）。

Answer 1

您可以像這樣生成隨機 colors ：

    var bg = Math.floor(Math.random()*16777215).toString(16);
    var text = Math.floor(Math.random()*16777215).toString(16);
    var div = document.getElementById('mydiv');
    var a= document.getElementById('atagid');
    a.onclick = function() {
      div.style.backgroundColor = "#"+bg;
      div.style.color= "#"+text;
    }

Answer 2

這是沙盒示例：https://codesandbox.io/s/currying-cherry-nt80k?file=/index.html

function getColorChange(){
    var x = 1
    var a = "black"

    var intervalID = setInterval(function () {
        document.getElementById("changeColor").style.backgroundColor = a;
        if (x == 1) {
            a = "green"
        }
        if (x == 2 ) {
            a="red"
        }
        if (++x === 4) {
            window.clearInterval(intervalID);
        }
    }, 5000);
}