version 3, img-buttons added

2026-05-14 17:45:59 +03:00
parent 8e5872e10f
commit 3536ee86de
10 changed files with 66 additions and 36 deletions
@@ -1,9 +1,27 @@
 <!DOCTYPE html>

-<head> <title>Игрульки</title></head>
+<head>
+    <title>Игрульки</title> </head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="style.css">
 <body>
 <script type="text/javascript" src="main.js"></script>
 <h1>Вас приветствует игра "Камень, Ножницы, Бумага"</h1>
+
+<div class="card-imgs">
+    <div class="card-img", id="sci">
+        <img src="img/ножницы.png", onclick="game(2)">
+    </div>
+
+    <div class="card-img", id="pap", onclick="game(1)">
+        <img src="img/бумага.png">
+    </div>
+
+    <div class="card-img", id="rock", onclick="game(3)">
+        <img src="img/камушек.png">
+    </div>
+</div>
+
 </body>

 </html>
@@ -1,6 +1,3 @@
-let hum = prompt('Выберите "камень", "ножницы" или "бумага"');
-let npc = Math.floor(Math.random() * 3) + 1;
-
 let stats = JSON.parse(localStorage.getItem("stats"));

 if (!stats) {
@@ -22,40 +19,36 @@ const Stone = { num: 3, Name: 'камень' };
 const Scissors = { num: 2, Name: 'ножницы' };
 const Paper = { num: 1, Name: 'бумага' };

+function game(hum) {

-if (hum === Stone.Name) {
-    hum = Stone.num;
-} else if (hum === Scissors.Name) {
-    hum = Scissors.num;
-} else if (hum === Paper.Name) {
-    hum = Paper.num;
-};
+    let npc = Math.floor(Math.random() * 3) + 1;

-
-if (npc === 1 && hum === 3) {
+    if (npc === 1 && hum === 3) {
        npc = 4
-}
-if (npc === 3 && hum === 1) {
+    }
+    if (npc === 3 && hum === 1) {
        hum = 4
-}
+    }

-if (npc > hum) {
+    if (npc > hum) {
        console.log("Вы проиграли");
        alert("Вы проиграли");
        stats.looses++;
        save()
-} else if (npc === hum) {
+    } else if (npc === hum) {
        console.log("Ничья");
        alert("Ничья");
        stats.draws++;
        save()
-} else if (npc < hum) {
+    } else if (npc < hum) {
        console.log("Вы выиграли");
        alert("Вы выиграли");
        stats.wins++;
        save()
-} else {
+    } else {
        console.log("Пользователь написал какую-то фигню");
+    }
+
 }
+
 console.log("wins-" + stats.wins + ",looses-" + stats.looses + ",draws-" + stats.draws);
-alert("Ваши победы - " + stats.wins + ",Ваши проигрыши - " + stats.looses + ",Ваши ничьи - " + stats.draws);
@@ -0,0 +1,19 @@
+.game-board {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    flex-wrap: wrap;
+}
+
+
+.card-img {
+    width: 200px;
+    height: 200px;
+    overflow: hidden;
+}
+
+.card-img img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}