JSFiddle - React, Tailwind, and code Playground

HTML

<span id="n-email" class="email-btn">
    <a href="#">Click Me</a>
</span>

<ul id="mylist">
    <li id="new" class="select">
        <a>
            <input type="text" id="emails" class="add-email" value="Untitled" onfocus="if(this.value=='Untitled'){this.value=''}" onblur="if(this.value=='')  {this.value='Untitled'}"/>
        </a>
    </li>
<ul>

CSS

#new { display:none; }

JavaScript

$(".email-btn").click(function() {
    $("#new").show();
});

$("#emails").keypress(function(e)
{
    value = $(this).val();
    code= (e.keyCode ? e.keyCode : e.which);
    if (code == 13) {
        $("#new").remove();
        $("#mylist").append("<li><a>"+value+"</a></li>");
    }
    
});