별점주기

Jiwontwopunch·2022년 5월 25일
0

독학

목록 보기
70/102
post-thumbnail

  // .stars는 별과 문구를 담고있는 div, .fa는 별 아이콘
  $('.stars .fa').click(function(){
  	$(this).addClass('active')
  // 네번째 별을 누르면 그 이전의 별들도 active 되어야해서 prevAll()
  	$(this).prevAll().addClass('active')
  	$(this).nextAll().removeClass('active')
  })

  var num = $(this).index()
  var starRate = num+1
  if(starRate==1) $('.print').text('<img src="">'+'별로에요')
  else if(starRate==2) $('.print').text('<img src="">'+'보통이에요')
  else if(starRate==3) $('.print').text('<img src="">'+'그저그래요')
  else if(starRate==4) $('.print').text('<img src="">'+'맘에들어요')
  else if(starRate==5) $('.print').text('<img src="">'+'아주좋아요')

0개의 댓글