JSFiddle - React, Tailwind, and code Playground

HTML

<span id="yr"></span><br/><span id="y"></span>
<br/><br/>
<button type="button" onclick="getRating()">Get Rating</button>

JavaScript

/* Not used
function display() {
   var x = "yr";
    show_image(x ,2) ;
}
*/
function getRating() {
    var number = prompt("Enter the rating?");
    if(number *= 1 > 0  && number <=5) {
        show_image('yr', number);
    } else {
        alert("Enter valid rating, greater than 0");
    }
}

function show_image (id,number) {
    var x = number;
    var y = id;
    document.getElementById(y).innerHTML = '';
    for (var i =0; i<x; i++){
        var img = document.createElement("img");
        img.height=10;
        img.src = "http://icons.iconarchive.com/icons/custom-icon-design/flatastic-2/512/star-full-icon.png";
       document.getElementById(y).appendChild(img);
    }
    for (;i<5;i++){
                var img = document.createElement("img");
        img.height=10;
        img.src = 'http://icons.iconarchive.com/icons/custom-icon-design/flatastic-2/256/star-empty-icon.png';
       document.getElementById(y).appendChild(img);
        
        
    }
}

//display();
//show_image("y",3);