Как изменить цвет фона тумблера с помощью JavaScript? ⇐ CSS

[Anonymous]

Я создавал проект библиотеки, каждая книга представляет собой объект со свойствами: названием, автором, страницами и статусом чтения, хранящимися в массиве.
Есть кнопка «Добавить книгу», которая открывает модальное окно и запрашивает пользователь может указать название, автора и страницы книги, которую они хотят добавить, и есть флажок для статуса «прочитано».
Установленный флажок возвращает истинное значение для объекта книги. а неустановленный флажок возвращает false.
В интерфейсе статус «прочитано» — это тумблер, который пользователь может переключить, чтобы обновить свой статус «прочитано» книги. Я хочу изменить цвет фона этого переключателя в соответствии с пользователем.
BgColor — синий или красный в зависимости от значений true и false. статуса «прочитано» соответственно. Пользователь также должен иметь возможность изменить статус чтения на true или false в объекте книги, хранящемся в библиотеке, переключив переключатель на экране.
Моя книга выглядит примерно так в HTML:

Код: Выделить всё

.switch input {
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e20505;
-webkit-transition: 0.4s;
transition: 0.4s;
}

.switch input:checked+.slider {
background-color: #2196f3;
/* bgColor when check-box is checked */
}

Код: Выделить всё

Title:

Men are from mars, women are from venus

Author:

John Gray

Pages:

286

Read status

No




Yes

массив библиотеки будет выглядеть так:

Код: Выделить всё

library = [
{ title: "book1", author: "author1", pages: 100, read: true },
{ title: "book2", author: "author2", pages: 100, read: false },
];

Я попробовал получить значение флажка от пользователя if checkbox.checked === true и попытался изменить backGrounColor переключателя, но не смог чтобы понять, как это можно сделать.
Я видел другие вопросы, но не могу решить этот. Наверное, это легко, но мой маленький мозг не может этого понять.
редактируйте: сайт, если поможет
https://muzzu153.github.io/library/

Подробнее здесь: https://stackoverflow.com/questions/787 ... javascript