Как сделать простейший переключатель на JS?

Question

[greg_13]

https://codepen.io/anon/pen/Wmyyye

Как сделать такой переключатель.
В выключенном состоянии показывает красный блок, а во включенном состоянии - желтый.
Там нужно прописать несколько строчек JS, но я слишком слаб в нем, поэтому прошу о помощи.

Answer 1

[DanKud]

https://codepen.io/anon/pen/GeGBBJ

Comments

[greg_13]

Спасибо, это идеальное решение.
Вопрос как знающему человеку, где и как можно поднять знания по JS (книги, курсы, гайды)?

[Stalker_RED]

greg_13, можно начать с learn.javascript.ru и mdn

[DanKud]

greg_13, в принципе как уже выше и написали. Два этих источника должно быть достаточно как для базовых основ так и как справочники в целом. Разве, что прямые ссылки напишу:
learn.javascript.ru
https://developer.mozilla.org/ru/docs/Web/JavaScript

Answer 2

[Stalker_RED]

checkbox.addEventListener('change', myChangeHandler)
const myChangeHandler = () => targetBlock.classList.Toggle('active')

Comments

[greg_13]

Я слишком слаб в JS, Я просто не понимаю что куда подставлять. Поэтому и оставил ссылку на codepen, чтобы его можно было дополнить.

[Stalker_RED]

greg_13, ок