вывести переменную из функции
Что то неверно написал. Надо получить значение 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); |
Цитата:
let result = change(); |
Не работает. Независимо от клика все время 1.
|
Димитр,
:-?
<!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>
|
Да это все понятно... Спасибо !!!
Но как получить выбранный цвет за функцией? Потому что дальше будет if (flag == 1) {......} else if (flaf == 2) {} и т.д. |
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 19:23. |