JSFiddle - React, Tailwind, and code Playground

by Sarbbottam Bandyopadhyay

HTML

<div id="firstForm">
    <h2>Login</h2>
    <form id="signin" action="index.html" method='post'>
        <input id='login1' class="inputs" name="mail" type="email" placeholder="mail" required>
        <input id='password1' class="inputs" name="password" type="password" placeholder="password" required><br>
        <input class="inputs" type="submit" id="submitLogin">
    </form>
</div>

JavaScript

(function (){
    var login = document.getElementById("login1"), 
        pwd = document.getElementById("password1");
    document.getElementById('signin').addEventListener('submit',function(e){
        e.preventDefault();
        console.log(login.value + '   *   '+ pwd.value);
    },false);
})();