JSFiddle - React, Tailwind, and code Playground

by jasonwilczak

HTML

<div id="parent" class="parentClass">
<a href="#" class="like">Vote!</a>    
</div>

CSS

a {
    border: 1px solid black;
}
a:hover {
    background-color: lightblue;
}
div {
    border: 2px solid green;
    text-align: center;
}
div:hover {
    background-color: yellow;
}

JavaScript

$(document).ready(function() {
        $('.like').on('click', function(){
            var vote_teacher = 1;
        var voteclass = 2;
        var vote_id = $(this).parent().attr("class");
        var poststr="voteclass="+voteclass+"&voteteacher="+vote_teacher;
        $.ajax({
            type: "POST",
            url: "/echo/json/",
            data: poststr,
            cache: false,
            success: function(result) {
                var someDatafromResult = "my stuff";
                $('.'+vote_id).append(someDatafromResult);
            }
        });
    });
});