JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<div></div>

JavaScript

console.clear();

/*
 * ES5
 */
function drawRating(vote) {
	var star = '★☆';
  vote = Math.ceil(vote/20);
  return new Array(vote+1).join(star[0]) +
  			 new Array(6-vote).join(star[1]);
}

//var vote = Math.round(Math.random() * 100);
//document.querySelector('div').innerHTML = drawRating(vote);
console.log(drawRating(1));
console.log(drawRating(50));
console.log(drawRating(99));

/*
 * ES6 ninja
 */
const drawRating2 =
	(vote, star='★☆') =>
	(
    vote = (vote/20 << 0) +1,
    star[0].repeat(vote) + star[1].repeat(5-vote)
  );

console.log(drawRating2(1));
console.log(drawRating2(50));
console.log(drawRating2(99));