javascript JS中的一对随机颜色

a64a0gku 于 2023-03-21 发布在 Java

关注(0)|答案(1)|浏览(99)

我有下面的代码我如何“画”每2卡在相同的颜色（我做一个记忆游戏）

document.addEventListener('DOMContentLoaded', () => {
    function generateRandomColor() {
        var randomColor = '#' + Math.floor(Math.random() * 16777215).toString(16);
        return randomColor;

    }
    var grid = document.querySelector(".grid");

    for (var i = 0; i < 50; i++) {
        grid.innerHTML += '<div  class="card" ></div>';
        var cards = document.querySelectorAll(".card");
        cards[i].style.backgroundColor = generateRandomColor();
        
    }    
})

我不知道如何做配对

JavaScript

来源：https://stackoverflow.com/questions/75798467/pair-of-random-colors-in-js

1条答案

按热度按时间

2wnc66cl1#

你可以增加for循环中的步骤。此外，为了避免对迄今为止创建的所有卡片进行冗余查找，最多50次，然后忽略实际上没有使用的多达49次，你应该直接创建新的元素，像这样（未经测试的代码）：

for (var i = 0; i < 50; i+=2) {
    var randomColor = generateRandomColor();
    for (var j = 0; j < 2; j++) {
         var card = document.createElement('div');
         card.style.backgroundColor = randomColor;
         grid.appendChild(card);
    }        
}

赞(0）回复(0）举报 2023-03-21

我来回答

javascript JS中的一对随机颜色

1条答案

相关问题

热门标签

最新问答