$(document).ready(function(){ $("#bx1").click(function(e){ $('#bxm1').html(parseInt($('#bxm1').html())+1); }); $("#bx2").click(function(e){ $('#bxm2').html(parseInt($('#bxm2').html())+1); }); $("#bx3").click(function(e){ $('#bxm3').html(parseInt($('#bxm3').html())+1); }); $("#bx4").click(function(e){ $('#bxm4').html(parseInt($('#bxm4').html())+1); }); $("#choice").click(function(e){ $('#yes').html(parseInt($('#yes').html())+3); var t1=parseInt($('#yes').html()); var t2=parseInt($('#on').html()); var k=Math.round(t1/(t1+t2)*100); var n=Math.round(t2/(t1+t2)*100); $('#yes').html(k); $('#on').html(n); $('.percent').html(k+"%"); $('.percent1').html(n+"%"); $(".bg").css({"width":k+"%"}); $(".bg1").css({"width":n+"%"}); }); $("#choice1").click(function(e){ $('#on').html(parseInt($('#on').html())+1); var t1=parseInt($('#yes').html()); var t2=parseInt($('#on').html()); var k=Math.round(t1/(t1+t2)*100); var n=Math.round(t2/(t1+t2)*100); $('#yes').html(k); $('#on').html(n); $('.percent').html(k+"%"); $('.percent1').html(n+"%"); $(".bg").css({"width":k+"%"}); $(".bg1").css({"width":n+"%"}); }); });