原生JavaScript实现评分效果

一、实现原理:

1、要设置一个“大总管变量”,用于记录点击时的星星下标,只声明不赋值。

2、移入每个星星时,先把所有的星星恢复到默认状态;再把当前星星及在它之前的星星设为选中状态。

3、移出每个星星时,先把所有的星星恢复到默认状态;再把大总管变量里记录的星星及在它之前的星星设为选中状态。

4、点击星星时,把当前星星的下标赋值给大总管变量;再把当前星星及在它之前的星星设为选中状态。


二、代码展示:

你可能感兴趣的:(原生JavaScript实现评分效果)