JSFiddle - React, Tailwind, and code Playground

by scheda

HTML

<form id="form1">
    <input type="text" placeholder="username" />
    <input type="password" placeholder="password" />
    <button id="form1-button" type="submit">Log In (Reset)</button>
</form>

<form id="form2">
    <input type="text" placeholder="username" />
    <input type="password" placeholder="password" />
    <button id="form2-button" type="submit">Log In (Reset)</button>
</form>

JavaScript

//vanilla JS

var button = document.querySelector('#form1-button');
button.addEventListener('click', function(e) {
    e.preventDefault(); 
    document.querySelector('#form1').reset();
});

//JQuery
$('#form2-button').click(function(e) {
    e.preventDefault();
    $('#form2')[0].reset();
});