JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div class="container">
  <input type="file"><button class="js-button">button</button>
</div>

JavaScript

function checkInputs(inputs, add = true) {
  if (inputs.length > 0) {
    inputs.forEach(function(input) {
			console.log(input.value)
			if (add && (input.value === '')) {
				console.log('hey');
			} else {
				console.log('im add or value', input.value);
			}
			
    });
  }
}


const button = document.querySelector('.js-button');
console.log(button);

button.addEventListener('click', function() {
console.log('click');

  const inputs = document.querySelectorAll('input[type="file"]');

	checkInputs(inputs);
});