Решился вопрос всем пасиб

ну сам разобрался скидывай сюда тогда с объяснением, что к чему где

Подсказали

Есть 2 варианта

всего-то надо было

Второй ещё не смотрел

Не я делал

С телефона неудобно

Проверю если рабочий то скину

кто пользуется сборщиками и пишет в scss, ответьте на вопрос. Допустим, у меня есть основной style.scss, и он компилируется в style.css, и есть еще несколько scss файлов, по типу vars, mixin и reset, которые подключаются к основному - style.scss. Вопрос звучит так: Нужно ли компилировать эти дополнительные файлы в css, или оставить их просто в scss

А во что ты скомпилируешь миксины с переменными?

Они ведь используются только в scss. Так что просто подключай их в style.scss и все

да я первый раз работаю со сборщиками, а там это автоматически стояло. На всякий спрашивал

спасибо, за ответ

Нет проблем

Ребята, как посчитать все не пустые инпуты определённого класса в каком-то элементе?

Задача состоит в том, чтобы при всех заполненных полях, разблокировать кнопку. Делаю я это следующим образом:
Нахожу количество этих input(для удобства, поставил им классы) и количество тех, у кого есть значение. То есть, чтобы было понятно, этот показатель меняется в зависимости от заполнения. И если эти показатели равны, тогда кнопка разблокируется. Вот мой костыль:

let inputWithValue = [];
 let btn = document.querySelector('.btn-success');
 let allInput = document.querySelectorAll('.simple');
 
 
 for(el of node){
  if(el.val){
   arr.push(el);
  }
 }
     
       btn.disabled = (allInput.length !== inputWithValue.length);

На onchange забинди проверку всех инпутов

.

document.addEventListener('input', function(){
 

     let allInput = document.querySelectorAll('.simple').length; // количество инпутов с классом simple

     // Ниже должен быть код с колличеством не пустых инпутов(код ниже не работает. Как его переделать?)
     let inputWithValue = Array.from(document.querySelectorAll('.simple'))
             .filter(elem => parseInt(elem.value) !== '')
     
            btn.disabled = (allInput.length !== inputWithValue.length);
 });