JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<fieldset>
    <legend>Login:</legend>Email:
    <br/>
        <input type="text" id="user_email" value=""/>
        <br/>Password:
        <br/>
        <input type="password" id="pwd" value=""/>
        <br/>
        <br/>
        <input id="login" type="submit" value="Submit"/>
</fieldset>
<div id="errors"></div>

CSS

#errors{
    display:none;
}

JavaScript

$('#login').click(function () {
    
    var user = $('#user_email').val();
    var pwd = $('#pwd').val();
    
    if(user != "test" || pwd != "test"){
         $('#errors').html("Error").show('slow').delay(5000).hide('slow');
    }else{
          $('#errors').html("Hello").show('slow').delay(5000).hide('slow');
    }
    
   

});