JSFiddle - React, Tailwind, and code Playground

by joshpauljohnson

HTML

<form>
<p class="liker">I like: <input type="text"/></p>
</form>

<ul>
</ul>

JavaScript

$("form").submit(function(e) {
    e.preventDefault();
    $("ul").append('<li>'+$(".liker input").val()+' <a href="#" class="like">like</a> <span class="result"></span></li>');
});

$("ul").on("click", "li .like", function(e) {
    e.preventDefault();
    $(this).parent().find(".result").text('You like this!');
});