根据点击次数或数字计算高度

Question

我正在制作与Buzzfeed

完全相似的东西（你的反应？）

我不知道他们如何制作这个图表高度平均百分比？

Answer 1

我做了一个解决方案： HTML：

var counts = $('.bar-container').find('.value').val();
var counter = counts;
var barHight = (90 * counts) / 122;

$(document).ready(function() {

    $('.the-bar').css('height', barHight + 'px');
    $('.mood-a').click(function() {
        counter++;
        $('.value').val(counter);

    });


});

						    <div class="bar-container">
						        <a class="mood-a">
						            <span class="the-bar"></span>
						            <span class="react-icon">
						            	<span>Peace <img src="images/ico-react-peace-w.png"></span>
						            </span>
						        </a>
						        <p><input class="value" type="text" value="64" disabled="disabled"></p>
						    </div>