В общем сверстал я красивую форму рейтинга, работает без JS, но мне надо оживить ее:
codepen.io/alex-lenk/pen/BzoOwr
<form action="#" class="rating-form">
<div class="rating">
<input type="radio" id="star5" name="rating" value="5"><label for="star5" title="5">5</label>
<input type="radio" id="star4" name="rating" value="4"><label for="star4" title="4">4</label>
<input type="radio" id="star3" name="rating" value="3"><label for="star3" title="3">3</label>
<input type="radio" id="star2" name="rating" value="2"><label for="star2" title="2">2</label>
<input type="radio" id="star1" name="rating" value="1"><label for="star1" title="1">1</label>
</div>
<div class="total-vote"><span class="count">2</span> голоса</div>
</form>
1. При клике на звезду, берется значение из value и учитывается 1 клик, которой заносится в сессию.
2. Клик, который был совершен на звезду выводится на экран в .count (сессия не допускает скрипту считает еще клики одного пользователя).
3. Если другой пользователь (или с другого браузера) поставит оценку (совершив клик по звезде), снова повторяются первые два пункта и суммируется голоса, выводятся на экран в тег с классом .count
вот это я понимаю, но не могу никак написать эти действия в скрипт.