JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

JavaScript

$(document).ready(function () {

    if ($('#bumper').attr("bumpmethod") == "UP") $("#bumper").attr("src", "http://i.imgur.com/QOLZ2lO.png");
    else if ($('#bumper').attr("bumpmethod") == "DOWN") $("#bumper").attr("src", "http://i.imgur.com/EiNfKGF.png");

    $('#bumper').on("click", function (event) {
        event.preventDefault();
        var bumpid;
        var bumpmethod;
        bumpid = $(this).attr("venueid");
        bumpmethod = $(this).attr("bumpmethod");
        $.get('/b/add/', {
            bumpid: bumpid,
            bumpmethod: bumpmethod
        }, function (data) {
            $('#score').html(data);
            if (bumpmethod == "UP") $("#bumper").attr({
                "bumpmethod": "DOWN",
                    "src": "http://i.imgur.com/EiNfKGF.png"
            });
            else if (bumpmethod == "DOWN") $("#bumper").attr({
                "bumpmethod": "UP",
                    "src": "http://i.imgur.com/QOLZ2lO.png"
            });
        });
        return false;
    });

});