0

Как создать функцию смены стиля элемента при нажатиях? Например, при первом клике черный фон, при втором - красный, и при последующих кликах повторение этой функции, т.е. как бы цикл смены цветов.

3 ответа 3

1
let element = document.querySelector('.element');

let arr = ['#2ecc71', '#3498db', '#9b59b6'];
let curColor = 1;
element.addEventListener('click', function () {
    if (curColor == 3) {
        curColor = 0;
    }
    element.style.backgroundColor = arr[curColor++];
});
0

Кликните в любом месте:

let a = 'black';
document.onclick = _ => {
    a = a == 'red' ? 'black' : 'red';
    document.bgColor = a;
}

0

Я смог сделать более простой способ. Можно еще с помощью switch.

const a = document.querySelector('body');

let b = "white";

function c(){
    if (b == "white") {
        document.body.style.cssText = "background: black;";
        b = "black"
    }
    else if(b == "black"){
        document.body.style.cssText = "background: white;";
        b = "white"
    }
}
<button onclick="c()">YEEE</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.