version 4, game board and score added

Project/main.js

@@ -12,17 +12,29 @@ function save() {
     localStorage.setItem("stats", JSON.stringify(stats));
 }
 
-console.log(npc);
-console.log(hum);
+function updateScore() {
+    document.getElementById("score").textContent =
+        "Ваши победы-" + stats.wins +
+        ", Ваши проигрыши-" + stats.looses +
+        ", Ваши ничьи-" + stats.draws;
+}
 
-const Stone = { num: 3, Name: 'камень' };
+const images = ["", "бумага", "ножницы", "камушек"];
+
+const Stone = { num: 3, Name: 'камушек' };
 const Scissors = { num: 2, Name: 'ножницы' };
 const Paper = { num: 1, Name: 'бумага' };
 
 function game(hum) {
 
+    document.getElementById("result-img").src = "";
+
     let npc = Math.floor(Math.random() * 3) + 1;
 
+    document.getElementById("player-img").src = "img/" + images[hum] + ".png";
+
+    document.getElementById("npc-img").src = "img/" + images[npc] + ".png";
+
     if (npc === 1 && hum === 3) {
         npc = 4
     }
@@ -31,24 +43,28 @@ function game(hum) {
     }
 
     if (npc > hum) {
+        document.getElementById("result-img").src = "img/знак меньше.png";
         console.log("Вы проиграли");
-        alert("Вы проиграли");
         stats.looses++;
-        save()
-    } else if (npc === hum) {
+        save();
+        updateScore();
+    }
+    else if (npc === hum) {
+        document.getElementById("result-img").src = "img/знак равно.png";
         console.log("Ничья");
-        alert("Ничья");
         stats.draws++;
-        save()
-    } else if (npc < hum) {
+        save();
+        updateScore();
+    }
+    else if (npc < hum) {
+        document.getElementById("result-img").src = "img/знак больше.png";
         console.log("Вы выиграли");
-        alert("Вы выиграли");
         stats.wins++;
-        save()
-    } else {
-        console.log("Пользователь написал какую-то фигню");
+        save();
+        updateScore();
     }
 
 }
 
-console.log("wins-" + stats.wins + ",looses-" + stats.looses + ",draws-" + stats.draws);
+updateScore();
+console.log("wins-" + stats.wins + ",looses-" + stats.looses + ",draws-" + stats.draws);