koenhendriks · February 11, 2015 22:13
diff --git a/index.html b/index.html
 <body>
  <h2>Stars</h2>
  <div class="stars">
    <span class="fa fa-star-o star"></span>
    <span class="fa fa-star-o star"></span>
    <span class="fa fa-star-o star"></span>
    <span class="fa fa-star-o star"></span>
    <span class="fa fa-star-o star"></span>
  </div>  
 </body>
diff --git a/script.js b/script.js
 $('.star').hover(function(){
  $(this).prevAll().andSelf().removeClass('fa-star-o').addClass('fa-star');
 });

 $('.star').mouseout(function(){
  $(this).prevAll().andSelf().removeClass('fa-star').addClass('fa-star-o');
 });

 $('.star').click(function(){
 		   alert($(this).prevAll().length+1);
 });
diff --git a/Simple-Star-Rating.markdown b/Simple-Star-Rating.markdown
diff --git a/style.css b/style.css
 .star{
  cursor:pointer;
 }
	<body>
	<h2>Stars</h2>
	<div class="stars">
	<span class="fa fa-star-o star"></span>
	<span class="fa fa-star-o star"></span>
	<span class="fa fa-star-o star"></span>
	<span class="fa fa-star-o star"></span>
	<span class="fa fa-star-o star"></span>
	</div>
	</body>
	$('.star').hover(function(){
	$(this).prevAll().andSelf().removeClass('fa-star-o').addClass('fa-star');
	});

	$('.star').mouseout(function(){
	$(this).prevAll().andSelf().removeClass('fa-star').addClass('fa-star-o');
	});

	$('.star').click(function(){
	alert($(this).prevAll().length+1);
	});