[text] Monsterpg

Viewer

copydownloadembedprintName: Monsterpg
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  <meta charset="UTF-8">
  5.  <title>Пати с монстрами</title>
  6.  
  7.  <meta name="description" content=" игра для компании">
  8. </head>
  9.  
  10. <body>
  11. <style>
  12.  
  13.  
  14.     body {
  15.         display: flex;
  16.         flex-direction: column;
  17.         justify-content: center;
  18.         align-items: center;
  19.         height: 100vh;
  20.         background: #f2f2f2
  21.  
  22.     }
  23.  
  24. </style>
  25.  
  26.  <h1>Пати гейм</h1>
  27.  <p>Играй с друзьями в большой компании.</p>
  28. <button onclick="showRandomImage()">👾 👹 ПОВСТРЕЧАТЬ МОНСТРА 👹 👾
  29.  </button>
  30.  
  31. <img id="random-image">
  32. <script>
  33.  var images = ["zvermelody.jpg","zmot.JPG","gorila.JPG","zlo.JPG","love.JPG","glukoza.JPG","danc.JPG","noga.JPG","milo.JPG","zmeiava.JPG","pink.JPG","voda.JPG","IMG_7115.JPG","IMG_7118.JPG","IMG_7120.JPG","IMG_7122.JPG","IMG_7123.JPG","IMG_7125.JPG","IMG_7126.JPG","IMG_7128.JPG","IMG_7129.JPG","IMG_7130.JPG","IMG_7131.JPG","IMG_7132.JPG","IMG_7133.JPG","IMG_7134.JPG","IMG_7135.JPG","IMG_7136.JPG","IMG_7137.JPG","IMG_7138.JPG","IMG_7139.JPG",]; // массив с путями к 10 картинкам
  34. var usedIndexes = []; // массив, в котором будут храниться уже использованные индексы
  35.  
  36. function showRandomImage() {
  37.   var randomIndex = getRandomIndex();
  38.   var image = document.getElementById("random-image");
  39.   image.src = images[randomIndex];
  40. }
  41.  
  42. function getRandomIndex() {
  43.   var index = Math.floor(Math.random() * 31); // генерируем случайный индекс от 0 до 11
  44.   if (usedIndexes.length === 31) { // если использовали все индексы, начинаем заново
  45.     alert ("Вау! Вы победили всех монстров! ️Но повезло не всем, игрок ☠️ у которого меньше всего жизней всё же не дошел до конца ⚰️");usedIndexes = [];
  46.   }
  47.   while (usedIndexes.includes(index)) { // проверяем, использовали ли мы уже этот индекс
  48.     index = Math.floor(Math.random() * 31);
  49.   }
  50.   usedIndexes.push(index); // добавляем использованный индекс в массив
  51.   return index;
  52. }
  53.  
  54. // заполним массив с путями к картинкам
  55. for (var i = 1; i <= 31; i++) {
  56.   images.push("path/to/image" + i + ".jpg");
  57. }
  58. </script>
  59.  
  60.  
  61.  
  62.  
  63. </body>
  64. </html>
  65.  
  66.  
  67.  
  68.  
  69.  

Editor

You can edit this paste and save as new:


File Description
  • Monsterpg
  • Paste Code
  • 05 Oct-2023
  • 2.46 Kb
You can Share it: