JSFiddle - React, Tailwind, and code Playground

by Damien M

HTML

<div id="cont">
<div class="star" id="1s">&#9733;</div>
<div class="star" id="2s">&#9733;</div>
<div class="star" id="3s">&#9733;</div>
<div class="star" id="4s">&#9733;</div>
<div class="star" id="5s">&#9733;</div>
</div>

CSS

.star{
  display : inline-block;
  cursor : default ;
  font-size : 30px;
  }
#cont{
  direction : rtl;
  text-align : center;
}
.star:hover ~ .star, .star:hover{
  color : blue;
}

JavaScript

document.getElementsByTagName('star').onclick = function() {
    alert('Et une première fonction, une !');
}