JSFiddle - React, Tailwind, and code Playground

by stdob

HTML

<p># Open console</p>

<p>First form:</p>
<form>
    <input type="text" value="Select and press enter" />
    <button id="button">Button 1</button>
    <input class="submit" type="submit" name="submit" value="Wijzigen 1"/>
</form>

<p>Second form:</p>
<form>
    <input type="text" value="Select and press enter" />
    <input id="submit" class="submit" type="submit" name="submit" value="Wijzigen 2"/>
    <button id="button2">Button 2</button>
</form>

<p>Third form:</p>
<form>
    <input type="text" value="Select and press enter" />
    <input type="button" id="button3" value="Input as button"/>   
    <input id="submit2" class="submit" type="submit" name="submit" value="Wijzigen 3"/>
</form>

JavaScript

$("#button").click( function(e) { console.log("button 1 press");
    return false; });

$("#submit").click( function() { console.log("submit 2 press");
    return false; });

$("#submit2").click( function() { console.log("submit 3 press");
    return false; });