JSFiddle - React, Tailwind, and code Playground

by BenjaminRay

HTML

<form action="" method="post">
    <button id="T1C1butn1">Data 1</button>
    <button id="T1C1butn2">Data 2</button>
    <button id="T1C1butn3">Data 3</button><br />
    <input id="name" name="name" /><br />
    <input id="dob" name="dob" /><br />
    <input id="email" name="email" /><br />
    <button id="submit">Submit</button>
</form>

JavaScript

$(function () {
    
    $("#T1C1butn1").click(function (event) {
        event.preventDefault();
        $('#name').val('John');
        $('#dob').val('8 October');
        $('#email').val('[email protected]');
    });
    
    $("#T1C1butn2").click(function (event) {
        event.preventDefault();
        $('#name').val('Steve');
        $('#dob').val('12 September');
        $('#email').val('[email protected]');
    });
    
    $("#T1C1butn3").click(function (event) {
        event.preventDefault();
        $('#name').val('Mike');
        $('#dob').val('1 January');
        $('#email').val('[email protected]');
    });
    
});