Как передать событие чекбокса в скрипт версии 3

Как передать событие чекбокса в скрипт версии 3:

<div class="routes-wrp">
    <div id="map" class="map">
<div id="controls">
    <label>
        <input type="checkbox" id="blue-markers" checked> Синие маркеры
    </label>
    <label>
        <input type="checkbox" id="red-markers" checked> Красные маркеры
    </label>
</div>
    </div>

Ответы (2 шт):

Автор решения: Человек

js

let blue = document.getElementById('blue-markers')
let red = document.getElementById('red-markers')
blue.addEventListener('change', function() {
        if (this.checked) {
            console.log('Чекбокс включен');
        } else {
            console.log('Чекбокс выключен');
        }
    });
red.addEventListener('change', function() {
        if (this.checked) {
            console.log('Чекбокс включен');
        } else {
            console.log('Чекбокс выключен');
        }
    });
→ Ссылка
Автор решения: ksa

Как передать событие чекбокса в скрипт версии 3

Х/з что такое "скрипт версии 3"... Но обработку чекбоксов можно реализовать вот таким образом.

controls.addEventListener('change', e => {
  const o = e.target
  // вот тут уже можно передавать значение
  console.log(o.id, o.checked)
})
<div class="routes-wrp">
  <div id="map" class="map"></div>
  <div id="controls">
    <label>
        <input type="checkbox" id="blue-markers" checked> Синие маркеры
    </label>
    <label>
        <input type="checkbox" id="red-markers" checked> Красные маркеры
    </label>
  </div>
</div>

→ Ссылка