Как написать скрипт изменяющий цвет блока

Вопрос пользователя:

Ответ нейросети:

Для изменения цвета блока с помощью JavaScript можно использовать следующий скрипт:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Block Color</title>
<style>
    #block {
        width: 100px;
        height: 100px;
        background-color: red;
    }
</style>
</head>
<body>
<div id="block"></div>
<button onclick="changeColor()">Change Color</button>

<script>
    function changeColor() {
        var block = document.getElementById("block");
        var colors = ["red", "blue", "green", "yellow", "purple", "orange"];
        var randomColor = colors[Math.floor(Math.random() * colors.length)];
        block.style.backgroundColor = randomColor;
    }
</script>
</body>
</html>

Этот скрипт создает блок с красным цветом фона и кнопку "Change Color", которая при нажатии изменяет цвет блока на случайный цвет из предопределенного списка. Вы можете добавить или изменить цвета в массиве colors, чтобы получить другие цвета.

Напишите нам, если в вопросе есть ваши персональные данные ([email protected])

Последние вопросы: