JSFiddle - React, Tailwind, and code Playground

by Kai_Draord

HTML

<div class='upvoteDownvoteRatingContainer'>
                    <form class='upvoteImage' method='POST' action=''>
                        <input type='hidden' name='action' value='upvote'>
                        <input type='hidden' name='id' value="1">
                        <input type='hidden' name='userId' value='1'>
                        <button class='upvoteImageButton' type='submit'><img class='arrowUp' src='../images/Social Media/arrowUp.png' alt='submit'></button>
</form>

JavaScript

$('.arrowUp').on('click', function(e){
        e.preventDefault();
        alert(1);
        var form = $(this);

        var id = form.find("input[name='id']");
        var userId = form.find("input[name='userId']");
        var action = form.find("input[name='action']");
        var ratingNumber = form.parent('.upvoteDownvoteRatingContainer').find('.ratingNumber');

        $.post('../includes/voting.inc.php', {id: id.val(), userId: userId.val(), action: action.val()}, function(data){
                ratingNumber.html((data));
        }, 'json'); 
    });