JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id='B1'>B1</button><button type="button">
Next
</button><br>
<button type="button" id='B2'>B2</button><button type="button">
Next
</button><br>
<button type="button" id='B3'>B3</button><button type="button">
Next
</button><br>
<button type="submit" id='submitButton'>
submit
</button>
JavaScript
$('button').on('click',function(){
console.log(this.id);
localStorage.setItem(this.id,'clicked');
});
$('#submitButton').on('click',function(e){
console.log(localStorage.getItem('B1'));
console.log(localStorage.getItem('B2'));
console.log(localStorage.getItem('B3'));
if(localStorage.getItem('B1')&&localStorage.getItem('B2')&&localStorage.getItem('B3'))
{
alert('success');
localStorage.removeItem('B1');
localStorage.removeItem('B2');
localStorage.removeItem('B3');
}
else
{
alert('failed');
e.preventDefault();
return false;
}
});