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

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>

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

Calculate height based on clicks or a number

javascript

jquery

calculated-field