Проверка classList.contains

212

31 октября 2018, 15:30

Есть div'ы. При нажатии на них добавляется class="clicked". После нажатия проверки onclick="check();" выводит результат в виде вычеркивания цветам красный - неправильно, зеленый - правильно. Как сделать еще вывод сообщения, если все правильные div'ы выбраны. В echo например, или еще как нибудь.

<div class="text">1</div>
<div class="text">2</div>
<div class="text">3</div>
<div class="text">4</div>
<div class="text">5</div>
 function check() {
    for (var i = 0; i < divs.length; i++) {
      if (divs[i].classList.contains("clicked")) {
        divs[i].style.borderColor = (i == 1 || i == 2 || i == 3 )? "#0F0" : "#F00";
      }
    }
  }

Answer 1

function check() { 
  var correct = 0; 
  var incorrect = 0; 
  for (var i = 0; i < divs.length; i++) { 
    if (divs[i].classList.contains("clicked")) { 
      if (i == 1 || i == 2 || i == 3) { 
        divs[i].style.borderColor = "#0F0"; 
        correct++; 
      } else { 
        divs[i].style.borderColor = "#F00"; 
        incorrect++; 
      } 
    } 
  } 
  if (correct == 3 && incorrect == 0) 
    document.getElementById("alert").textContent = "All correct things selected."; 
  else 
    document.getElementById("alert").textContent = "Not all correct things selected."; 
}