в твой элемент который ты хочешь покрасить

<span class="badge badge-pill badge-danger switches">Выключено</span>

<span class="badge badge-pill badge-success switches">Включино</span>

document.querySelector('.badge badge-pill badge-danger switches').element.style.color='твой цвет'

Нет

а что тогда имеено?

а как это связать с моим кодом

соррян что тупой ) в этом

Погугли, мне лень писать

написать по идее в твой код

что в гугл вбить именно тогда??

Для чего typescript и что это такое

Гуру JavaScript-та, пожалуйста, помогите разобраться почему не работают 2-я функция:
function myFunction() {
 var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
 var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
 var scrolled = (winScroll / height) * 100;
 document.getElementById("myBar").style.width = scrolled + "%";
}

function myFunction2() {
 var winScroll2 = document.body.scrollTop || document.documentElement.scrollTop;
 var height2 = document.documentElement.scrollHeight - document.documentElement.clientHeight;
 var scrolled2 = (winScroll2 / height2) * 100;
 document.getElementById("myBar2").style.width = scrolled2 + "%";
}
Если что, я js не знаю, просто пытаюсь сделать 2 похожих элемента, которые бы реагировали на сролл, но работает только 1.
html нужно показывать?

я так и вбил но https://habr.com/ru/post/308374/ там нет ничего не про скороть не про гипер типо код будет более синтаксически правильным и читабельным и там типы

наверное лучше это будет на  код пен

стоит

Сейчас организую)

Всем привет! Подскажите, пожалуйста, почему выдает ошибку? не могу импортировать файл https://codepen.io/TonovLev/pen/NWpdawP

Ребят всем привет,помогите сделать пожалуйста как на картинке,у меня скорее всего в стилях проблема.. https://codepen.io/v__mmsk/pen/OJmyjPz

инпуты попадают в объект nodeList
как мне по смотреть содержимое  инпутов ?