外卖星级评价原生js代码

HTML代码：

<label>
      评分
      <ul onClick={(e) => handler(e)}>
          <li id="service1">★</li>
          <li id="service2">★</li>
          <li id="service3">★</li>
          <li id="service4">★</li>
          <li id="service5">★</li>
      </ul>
</label>

JS代码：

const handler = (e) => {
    try {
      for (let index = 0; index <= 4; index++) {
        e.target.parentNode.children[index].style.color = '';
      }
      for (let index = 0; index <= e.target.id.slice(-1) * 1 - 1; index++) {
        e.target.parentNode.children[index].style.color = 'red';
      }
    } catch (err) {
      console.log(err);
    }
};