JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    name<input type="text" id="name" /> <br />
    email<input type="text" id="email" /> <br />
    message<input type="text" id="message" /><br />
    <input type="submit" id="submit" /> <br />
</form>

JavaScript

var name = document.getElementById('name').value;
var email = document.getElementById('email').value;  
var message = document.getElementById('message').value;
var submit = document.getElementById('submit');

submit.addEventListener('click', validate, false);

function validate(e) {

  e.preventDefault(); 
    
  if (name === '') {
    console.log('error please enter your name');
    return false;
  }
  else if (email === '') {
    console.log('no email');
    return false;
  }
  else if (message === '') {
    console.log('no message');
    return false;  
  }


    
}