• Merhaba Ziyaretçi.
    "Minimalist Fotoğraflar" konulu yarışmamız başladı. İlgili konuya BURADAN ulaşabilirsiniz. Sizi de yarışmada görmek istiyoruz...

HTML sayı tahmin oyunu

SizinSesiniz

~~Şimdi Susma Vakti~~
Özel üye
1-100 arasında basit sayı tahmin oyunu. Eğlenceli vakit geçirmek için ideal

HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sayı Tahmin Oyunu</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f4f4f4;
        }
        .game-container {
            text-align: center;
        }
    </style>
</head>
<body>

<div class="game-container">
    <h1>Sayı Tahmin Oyunu</h1>
    <p>1 ile 100 arasında bir sayı tahmin edin:</p>
    <input type="number" id="guessInput" placeholder="Tahmininizi girin...">
    <button onclick="checkGuess()">Tahmin Et</button>
    <p id="result"></p>
</div>

<script>
    var randomNumber = Math.floor(Math.random() * 100) + 1;

    function checkGuess() {
        var guess = document.getElementById('guessInput').value;
        var result = document.getElementById('result');

        if (guess == randomNumber) {
            result.textContent = "Tebrikler! Doğru tahmin ettiniz.";
        } else if (guess < randomNumber) {
            result.textContent = "Daha büyük bir sayı girin!";
        } else {
            result.textContent = "Daha küçük bir sayı girin!";
        }
    }
</script>

</body>
</html>
 
Geri
Top