JSFiddle - React, Tailwind, and code Playground

by TheDiamondDoge

HTML

<input id="one" />
<input id="two" />
<input id="three" />
<button id="submit" disabled>
Click
</button>

JavaScript

//первый инпут
let input1 = document.getElementById('one');
//отслеживаем за вводом с клавиатуры в 1 инпут
//если ввели символ в инпут - сработает функция disable
input1.addEventListener("keyup", disable);

let input2 = document.getElementById('two');
//отслеживаем за вводом с клавиатуры в 2 инпут
//если ввели символ в инпут - сработает функция disable
input2.addEventListener("keyup", disable);

let input3 = document.getElementById('three');
//отслеживаем за вводом с клавиатуры в 3 инпут
//если ввели символ в инпут - сработает функция disable
input3.addEventListener("keyup", disable);

//кнопка
let button = document.getElementById("submit");

function disable() {
  //если все 3 инпута не пустые
  if (input1.value && input2.value && input3.value) {
    //разблокируем кнопку
    button.removeAttribute("disabled");
  } else {
    //блокируем кнопку, если хоть 1 инпут пустой
    button.setAttribute("disabled", "disabled");
  }
}