Как сократить и оптимизировать код js

271

07 ноября 2017, 00:12

<div class="stars">
<a href="#"><img src="images/star_empty_grey.svg"  class="star1" onclick="activeStar1(1)"></a>
<a href="#"><img src="images/star_empty_grey.svg"  class="star1" onclick="activeStar1(2)"></a>
<a href="#"><img src="images/star_empty_grey.svg"  class="star1" onclick="activeStar1(3)"></a>
<a href="#"><img src="images/star_empty_grey.svg"  class="star1" onclick="activeStar1(4)"></a>
<a href="#"><img src="images/star_empty_grey.svg"  class="star1" onclick="activeStar1(5)"></a>
</div>

есть такой блок с кодом JS:

var stars1 = doc.getElementsByClassName('star1'),
appraisal3 = false;
function activeStar1(n){
    if(appraisal3 == false && i < n){
    for (i = 0; i < n; i++) {
        stars1[i].src = '../images/star_active_gold.svg';
    }
    appraisal3 = true;
    }else{
        stars1[0].src = "../images/star_empty_grey.svg";
        stars1[1].src = "../images/star_empty_grey.svg";
        stars1[2].src = "../images/star_empty_grey.svg";
        stars1[3].src = "../images/star_empty_grey.svg";
        stars1[4].src = "../images/star_empty_grey.svg";
    appraisal3 = false;
    i = 0;
    }
};