Как поменять класс блока с помощью JS?

Question

[XXXuser]

Всем привет!
Подскажите, пожалуйста, что именно нужно добавить в код, чтобы при значении "XXX" равном "0", класс box'a менялся на "yes"? Заранее спасибо!

XXX:<input id="xxx" value="5"><br>
<button id="action">action</button>
<script>
let xxx = document.getElementById('xxx');
let action = document.getElementById('action');
action.onclick = function() {xxx.value = parseInt(xxx.value) - 1;}
</script>

<style>
#box {background-color: red; height: 100px; weight: 100px;}
.no {opacity: 0;}
.yes {opacity: 1;}
</style>
<div id="box" class="no"></div>

Answer 1

[Stockholm Syndrome]

https://jsfiddle.net/7sLkvdm2/

Comments

[XXXuser]

Спасибо, но без изменений! Добавил до тэга </script>. ЧЯДНТ?

[Stockholm Syndrome]

XXXuser, выложите пример кода на JSFiddle или CodePen, а то так сразу непонятно, в чём проблема

[Stalker_RED]

XXXuser, вероятно на момент выполнения того что в script элемента box еще нет на странице.

[XXXuser]

Stockholm Syndrome, вот пожалуйста

[Stockholm Syndrome]

XXXuser, как я понял, под нулевым значением вы имели в виду полностью пустой input, обновил ответ

[XXXuser]

Stockholm Syndrome, я имел в виду, число "0", второй вариант с пустым input - работает

[Stockholm Syndrome]

XXXuser, аа, там же при нажатии на кнопку нужно, что-то туплю сегодня, обновил ответ ещё раз

[XXXuser]

Stockholm Syndrome, огромнейшее спасибо!