Style.backgroundColor или style.background не выполняет свою функцию [закрыто]

Question

Style.backgroundColor или style.background не выполняет свою функцию [закрыто]

У вас не может быть дубликатов ключей. Вы определяете «02» дважды.

Решение: Определите «Сентябрь» как:

    "September" => array(
        "02" => array(
            "Line 1",
            "Line 11"
        ),
        "12" => array(
            "Line 2"
        ),
        "31" => array(
            "Line 3"
        )
    ),

0

javascript html css

задан Nicolás Alarcón Rapela 19 January 2019 в 15:37

2 ответа

Другие вопросы по тегам:

javascript html css

Похожие вопросы:

score 0 · Answer 1

Ваш код не работал, потому что после rgb есть пробел

Ваш код: rgb (255,0,0)

Так должно быть,

var colors = [
        "rgb(255,0,0)",
        "rgb(255,255,0)",
        "rgb(0,255,0)",
        "rgb(0,255,255)",
        "rgb(0,0,255)",
        "rgb(255,0,255)"
    ]

помогает.

score 0 · Answer 2

Просто удалите пробел после rgb цвета, и я добавил getElementsByClassName для square

var colors = [
    "rgb(255, 0, 0)",
    "rgb(255, 255, 0)",
    "rgb(0, 255, 0)",
    "rgb(0, 255, 255)",
    "rgb(0, 0, 255)",
    "rgb(255, 0, 255)"
]

var squares = document.getElementsByClassName("square");
var pickedColor = colors[3];
var colorDisplay = document.getElementById ("colorDisplay");

colorDisplay.textContent = pickedColor;

for(var i = 0; i < squares.length; i++){    
    squares[i].style.backgroundColor = colors[i];
}

body {
    background-color: #232323;
}

.square {
    width: 30%;
    background: purple;
    padding-bottom: 30%;
    float: left;
    margin: 1.6%;
}

#container {
    max-width: 600px;
    margin: 0 auto;
}

h1 {
    color: white;
}

<h1>The Great <span id="colorDisplay">RGB</span> Color Game</h1>
<div id="container">
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
</div>

[ 119]