JSFiddle - React, Tailwind, and code Playground

by fenderistic

HTML

<div id=goingHere>hi</div>

JavaScript

$(document).ready(function(){addUpDowns(5);})//or however many you want
                
function addUpDowns(num){

    var div = $('#goingHere');
    var htmlTxt='';
    for(var i = 0; i<num; i++){
        htmlTxt+="<div><span onclick='upVote("+i + ")'>Up</span>";
        htmlTxt+="<span onclick='downVote("+i+")'>Down</span>";
        htmlTxt+="<input type='text' value='0' id='updown"+i+"'/></div>";
               
    }
    div.html(htmlTxt);
}

function upVote(id){
    var num = Number($("#updown"+id).val());
    num+=1;
    $("#updown"+id).val(num);
}

function downVote(id){
    var num = Number($("#updown"+id).val());
    num-=1;
    $("#updown"+id).val(num);
}