tds Javascript中背景颜色的放置_Javascript

tds Javascript中背景颜色的放置

javascript

tds Javascript中背景颜色的放置,javascript,Javascript,我正在尝试更改阵列中可用的背景颜色。tds也是使用javascript代码创建的，但现在我想使用js设置背景颜色，这是不可能的下面是我的代码。谢谢 <html> <head>Colour Memory Game</head> <body onload = "myFrame()";> <p id="demo", onload = "distributeColors()";></p> <

我正在尝试更改阵列中可用的背景颜色。tds也是使用javascript代码创建的，但现在我想使用js设置背景颜色，这是不可能的

下面是我的代码。谢谢

 <html>
    <head>Colour Memory Game</head>
    <body onload = "myFrame()";>
    <p id="demo", onload = "distributeColors()";></p>
    </body>
    <script>

        var rows = 4; //cards side by side
        var columns = 4; //cards in vertical
        var z = rows*columns;

        var arrColors = ["#3be6c4","#e6e03b","#6f3be6","#4fe63b","#e63b3b","#ff5a00","#ff00de","#3b8fe6"];  //array of colors


        // creating a div for gameboard to be prepared  
        div = document.createElement("div");    
        div.style.width = "800";
        div.style.height = "800";
        div.style.background = "purple";
        div.id = "frame";
        //div.onload = "myFrame()";
        document.getElementsByTagName('body')[0].appendChild(div);



        //preparing a frame
        function myFrame(){
            var frame = document.createElement("table");
            var body = document.createElement("tbody");


            for(i=0; i<rows; i++){
                var r = document.createElement("tr");
                r.style.width = "200";
                r.style.height = "150";
                r.style.background = "white";

                for(j=0; j<columns; j++){
                    c = document.createElement("td");
                    c.style.width = "200";
                    c.style.height = "150";
                    c.style.background = "white";
                    c.id = "cards";
                    r.appendChild(c);
                    };
                    body.appendChild(r);
            };
            frame.appendChild(body);
            document.getElementById('frame').appendChild(frame);
            return c;
        };

    /*placement of colors into each card*/
    //function randomDistribution(backgroundcolors) {
    var colors = arrColors.concat(arrColors); //array of colors to be used
    //colorString = colors.toString();
    for (i=0; i<=colors.length; i++){
        document.getElementById('cards').style.background = color[Math.floor(Math.random()*colors.length)];

        };  


</script>

</html>


彩色记忆游戏

var行=4//并列的卡片
var列=4//垂直排列的卡片
var z=行*列；
var arrColors=[“#3be6c4”、“#e6e03b”、“#6f3be6”、“#4fe63b”、“#e63b3b”、“#ff5a00”、“#ff00de”、“#3b8fe6”]//颜色数组
//为要准备的gameboard创建div
div=document.createElement（“div”）；
div.style.width=“800”；
div.style.height=“800”；
div.style.background=“紫色”；
div.id=“帧”；
//div.onload=“myFrame（）”；
document.getElementsByTagName（'body'）[0].appendChild（div）；
//准备框架
函数myFrame（）{
var frame=document.createElement（“表”）；
var body=document.createElement（“tbody”）；
对于（i=0；i首先检查此行
<body onload = "myFrame()";>
<p id="demo", onload = "distributeColors()";></p>

最后不需要“返回c；”
<body onload = "myFrame();">
<p id="demo" onload = "distributeColors();"></p>

c.style.backgroundColor="#fff";