JSFiddle - React, Tailwind, and code Playground

HTML

<div id="target"></div>
<form id='form'>
<input type="submit" name="status" value="Prev" id="prev" />
<input type="submit" name="status" id="save" value="Save" />
<input type="submit" name="status" value="Next" id="next"/>
</form>

JavaScript

prev = document.getElementById('prev');
save = document.getElementById('save');
next = document.getElementById('next');
form = document.getElementById('form');

prev.addEventListener('mousedown', function(e) {
    e.preventDefault();
    alert('Did nothing');
});

save.addEventListener('mousedown', function(e) {
    e.preventDefault();
    showLoading();
});

next.addEventListener('mousedown', function(e) {
    e.preventDefault();
    alert('Did Nothing');
});
                   
function showLoading() {
    var load = document.createElement('img');
    load.src = "http://www.henley-putnam.edu/Portals/_default/Skins/henley/images/loading.gif";
    
    document.getElementById('target').appendChild(load);
    
    setTimeout(function() {
        form.submit();
    }, 5000);
}