Tekil Mesaj gösterimi - Tahmin Oyunu =)

Konu Tahmin Oyunu =)

28-01-2023, 02:00:43

Merhaba,

Gerçekten sadece can sıkıntısına bağlı olarak kodladığım oyunu sizlede paylaşmak istedim. Sadece sayıyı tahmin etmeye çalışıyorsunuz can sıkıntısından bolca oynadım şimdi sessiz sinema usulü tarif edeceği kelimeyi bulmaya çalışacağım bir oyun kodluyorum onuda sizinle paylaşırım =) Umarım canı sıkılanlar için iyi gelir. Dileyene Üyelik sistemi ve üye olan oyuncular için puan tablosu gibi istenilen özellikleri getirebilirim. belki daha çok canı sıkılanı bir araya toplamak istersiniz =) İyi Eğlenceler..

Demo: https://frcwings.com.tr/oyun.php?guess=1

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tahmin Oyunu</title>
  <script>
    var tries = 0;
    var messageNumber = 1;
    var randomNumber;
    function startGame() {
      randomNumber = Math.floor(Math.random() * 100) + 1;
      var input = document.getElementById("guess-input");
      var message = document.getElementById("message");
      tries = 0;
      messageNumber = 1;
      document.getElementById("new-game-button").style.display = "none";
      input.value = "";
      input.disabled = false;
      input.focus();
      clearMessage();
    }

    function checkGuess() {
      var guess = document.getElementById("guess-input").value;
      tries++;
      if (guess == randomNumber) {
        message.innerHTML = messageNumber + ". " + "Tebrikler! Sayıyı " + tries + " deneme içinde buldunuz.";
        document.getElementById("new-game-button").style.display = "block";
        document.getElementById("guess-input").disabled = true;
      } else if (guess > randomNumber) {
        message.innerHTML = messageNumber + ". " + "Daha küçük bir sayı tahmin edin.";
        messageNumber++;
      } else {
        message.innerHTML = messageNumber + ". " + "Daha büyük bir sayı tahmin edin.";
        messageNumber++;
      }
    }
    function clearMessage() {
      document.getElementById("message").innerHTML = "";
      messageNumber = 1;
    }
  </script>
</head>
<body onload="startGame()">
  <h1>Tahmin Oyunu</h1>
  <p>1 ile 100 arasında bir sayı tahmin edin.</p>
  <input type="number" id="guess-input" placeholder="Tahmininiz">
  <p id="message"></p>
  <button type="button" onclick="clearMessage()">Temizle</button>
  <button type="button" id="new-game-button" style="display:none" onclick="startGame()">Yeni Oyun</button>
  <script>
    document.getElementById("guess-input").addEventListener("keyup", function(event) {
      if (event.keyCode === 13) {
        event.preventDefault();
        checkGuess();
      }
    });
  </script>
</body>
</html>