JSFiddle - React, Tailwind, and code Playground

by AllmightyChaos

HTML

<input type="text" value="" id="text" placeholder="Enter E-Mail Adress" style="width: 300px;" />
<br />
<input type="button" value="@gmail.com" id="gmail-button"/>
<input type="button" value="@outlook.com" id="outlook-button"/>

JavaScript

$(function () {
    $('#gmail-button').on('click', function () {
        var text = $('#text');
        text.val(text.val() + '@gmail.com');    
    });
});

$(function () {
    $('#outlook-button').on('click', function () {
        var text = $('#text');
        text.val(text.val() + '@outlook.com');    
    });
});