JSFiddle - React, Tailwind, and code Playground

HTML

<label for="tags">Tags</label>
<input type="text" name="tags" id="tags"  />


<p>
    <a class="but">tag 1</a>
    <a class="but">tag 2</a>
    <a class="but">tag 3</a>
    <a class="but">tag 4</a>
    <a class="but">tag 5</a>
    <a class="but">tag 6</a>
    <a class="but">tag 7</a>
    <a class="but">tag 8</a>
</p>

JavaScript

$(".but").click(function() {
    var text = $(this).text();
    var input = $("#tags");
    var curtext = input.val();
    input.val((curtext ? curtext + ", " : "") + text);
    $(this).hide();
});