JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<p><label><input name="first-name"></label></p>
<p><label><input name="last-name"></label></p>
<p><label><input name="phone"></label></p>
<p><label><input name="email"></label></p>
<p><button>test</button></p>

JavaScript

let fname = document.querySelector('[name="first-name"]');
let lname = document.querySelector('[name="last-name"]');
let phone = document.querySelector('[name="phone"]');
let email = document.querySelector('[name="email"]');
document.querySelector('button').onclick = function (){
	alert(
  	validator()
    ? 'Дані відправлено на сервер'
    : 'Error! Заповніть всі поля'
  )
};

function validator(){
	return !!(
  	fname.value && lname.value && phone.value && email.value
  );
}