Блог

Это мое поле ввода в приложении

 <div class="input-group input-group-sm mb-3 input-field col s6" role="alert">   
       <input id="input0" type="text" value = "<?= initialValue ?>" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm" class="input-group-text validate"> 
   </div> 
  

Вот js-код для изменения класса поля ввода:

 var initVal = document.getElementById('input0').value;
function money() {
  google.script.run.withSuccessHandler(showValue).getNewValue();
}
document.getElementById('app').addEventListener('input', money);
document.getElementById('app').addEventListener('click', money);
document.getElementById('navigation').addEventListener('click', money);
if (initVal <= 0) {
  document.getElementById('input0').classList.add('text-danger');
} else {
  document.getElementById('input0').classList.add('text-success');
  google.script.run.withSuccessHandler(showValue).getNewValue();
}
document.getElementById('input0').value = initVal;
function showValue(myValue) {
  document.getElementById('input0').value = myValue;
}
  

Но моя проблема в том, что цвет текста input0 остается прежним. Пожалуйста, скажите мне, что я сделал не так?

И у меня есть еще одна проблема. Я хочу отключить кнопку «Добавить клиента», когда initVal <= 0 .

Пожалуйста, проверьте весь код здесь: https://github.com/Ashraful7679/USER-FORM-DataSource

И это таблица Google: https://docs.google.com/spreadsheets/d/1BhucrjhYGkkkT89djmTaeN5udkcTLcjRNJ83KJbKjic/edit?usp=sharing