Элементарное сравнение чисел JS

431

11 января 2017, 03:28

Как на чистом js сравнить цифровое значение элмента

и если оно больше 0 то привоить этому элемнету (или другому элементу) дополнительный класс?

Answer 1

Для этого используется обычный оператор сравнение: if(условие){если да, то выполнить это}else{если нет, то выполнить это};

function check() { 
  var num = document.querySelectorAll('input[type="checkbox"]:checked').length; 
  if(num > 0){ 
    document.getElementById('checkbox').classList.add("s1"); 
    document.getElementById('checkbox').classList.remove("s0"); 
  }else{ 
    document.getElementById('checkbox').classList.add("s0"); 
    document.getElementById('checkbox').classList.remove("s1"); 
  }; 
};

#checkbox {width:20px;height: 20px;} 
#checkbox.s0 {background-color: black} 
#checkbox.s1 {background-color: green}

<body onload="check()"> 
 
<input type="checkbox" onclick="check()"> 
<input type="checkbox" onclick="check()"> 
<input type="checkbox" onclick="check()"> 
   
<div id="checkbox"> 
</div>