JSFiddle - React, Tailwind, and code Playground

by sesubash

HTML

<div>                  
                    <a href = "#" class = 'like'>dasdasd
                        <div class = 'coal'></div>
                    </a>
                  </div>

CSS

div{
    height:20px;
    width:20px;
}

JavaScript

$(document).ready(function(){
        $('.like').click(function (e) {
            e.preventDefault();
            console.log($(this).parent());
            $(this).parent().append("<a href = '#'   class ='unlike'><div class = 'heart'>unlike</div></a>");
                $(this).parent().find('.like').remove();
console.log('liked');
        })
    })