JSFiddle - React, Tailwind, and code Playground

by Justin

HTML

<ul id="navigar"></ul>
<div class="wrapper">
    <input type="text" id="newAnchorName" />
    <button id="addAnchor">Add Anchor</button>
    <div id="newAnchors">

    </div>
</div>

JavaScript

$('#addAnchor').click(function() {
    Anchor = $('#newAnchorName').val();
    $('#navigar').append('<li class=""><a href="' + Anchor + '">' +   Anchor+ '</a></li>');
    $('#newAnchors').append('<li class="anchor" id="' + Anchor + 'anchor">' + Anchor + '</li>');
    $('#newAnchorName').val('');
})