abrahamm,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script>
window.addEventListener("DOMContentLoaded", function() {
var section = document.querySelector("#section"),
stars = document.querySelector("#stars"),
quantity = document.querySelector("#quantity"),
num = 0,
img = document.createElement("img"),
temp;
img.src = "https://data12.proshkolu.ru/content/media/pic/icon/7000000/6228000/6227205-30ffa0df.jpg";
img.className = "img";
section.addEventListener("click", function(event) {
var id = event.target.id;
if (id == "plusFive") {
num += 5;
}
if (id == "minusFive") {
num -= 5;
}
if (num < 0) {
num = 0;
}
quantity.innerHTML = num;
stars.innerHTML = "";
temp = document.createDocumentFragment();
for (var i = 0; i < num; i++) {
temp.appendChild(img.cloneNode());
}
stars.appendChild(temp);
});
});
</script>
</head>
<body>
<div id="stars"></div>
<section id="section">
<p id="quantity">0</p>
<button id="plusFive">+5</button>
<button id="minusFive">-5</button>
</section>
</body>
</html>