Форум

Димитр · #1 (**permalink**) 09.07.2024, 09:05

Что то неверно написал. Надо получить значение flag, но все время 0 в консоли.

const elem = document.querySelector('.big');
let flag = 0;

const change = () => {
const colors = ["red", "yellow", "green"]

elem.style.background = colors[flag]

elem.className = `big ${colors[flag]}`

flag = (flag + 1) % colors.length

return flag;
}

elem.addEventListener('click', change);

let result = change;
console.log(flag);

ksa · #2 (**permalink**) 09.07.2024, 09:39

Сообщение от Димитр

let result = change;

Вызов функции выглядит вот так

let result = change();

Димитр · #3 (**permalink**) 09.07.2024, 13:18

Не работает. Независимо от клика все время 1.

рони · #4 (**permalink**) 09.07.2024, 13:58

Димитр,

<!DOCTYPE HTML>
<html>
<head>
    <title>Untitled</title>
    <style type="text/css">
        .big {
            width: 200px;
            height: 200px;
        }
        .red {
            background-color: red;
        }
        .yellow {
            background-color: yellow;
        }
        .green {
            background-color: green;
        }
    </style>
</head>
<body>
    <div class="big">click me</div>
    <script>
        const elem = document.querySelector('.big');
        let flag = 0;
        const change = () => {
            const colors = ["red", "yellow", "green"]
            elem.className = `big ${colors[flag]}`
            flag = (flag + 1) % colors.length
            console.log(flag);
            return flag;
        }
        elem.addEventListener('click', change);
    </script>
</body>
</html>

Димитр · #5 (**permalink**) 09.07.2024, 14:38

Да это все понятно... Спасибо !!!
Но как получить выбранный цвет за функцией? Потому что дальше будет if (flag == 1) {......} else if (flaf == 2) {} и т.д.

рони · #6 (**permalink**) 09.07.2024, 16:19

Сообщение от Димитр

Потому что дальше будет if (flag == 1) {......} else if (flaf == 2) {} и т.д.

вставьте этот вызов в строку 30 пост #4

ksa · #7 (**permalink**) 10.07.2024, 09:40

Сообщение от Димитр

Независимо от клика все время 1.

Так клик-то будет "потом"...

Форум

Справочник

Discord чат

Курсы javascript