<!DOCTYPE html> <html> <head> <style type="text/css"> .available-free { color: green; } .available-no { color: red; } </style> </head> <body> <div class="available-free">3</div> <div class="available-free">0</div> <script> var free = document.querySelector(".available-free"); if (free > 0) { free.classList.toggle("available-no"); } </script> </body> </html>
  • If you are given an exhaustive answer, mark it as correct (a daw opposite the selected answer). - Nicolas Chabanovsky ♦

2 answers 2

 var free = document.getElementsByClassName('available-free'), item1 = free[0].innerText || free[0].textContent item2 = free[1].innerText || free[1].textContent; if (item1 > item2 ) { for(var item of free) { item.classList.toggle("available-no"); } }
  • Thank you very much) - Andrey
  • Please contact :) - Kostiantyn Okhotnyk

Use the textContent property.

  • I tried, it still does not compare. If not difficult, please write the code. - Andrey