개발일지/JavaScript + jquery

[JavaScript] 숫자 맞추기 게임

연습용365 2021. 11. 5. 01:40

 

<body>
    <h1>숫자 맞추기 게임</h1>
    이 게임은 컴퓨터가 생성한 숫자를 맞추는 게임입니다. 숫자는 1부터 100사이에 있습니다.
    <br />
    숫자 : 
    <input type="text" size=3 id="user" />
    <button onClick="guess();">확인</button><br />
    
    추측횟수 : 
    <input type="text" size=4 id="guesses" />
    힌트 : 
    <input type="text" size="17" id="result" />
</body>

 

    <script>
        var computerNumber = 53;
        var nGuesses = 0;

        function guess()
        {
            var result = "";
            var number = parseInt(document.getElementById("user").value);
            nGuesses++;

            if(number == computerNumber) result = "정답입니다.";
            else if(number < computerNumber) result = "작은 값이 입력되었습니다.";
            else if(number > computerNumber) result = "큰 값이 입력되었습니다.";
            else result = "숫자를 입력하세요.";

            document.getElementById("guesses").value = nGuesses;
            document.getElementById("result").value = result;
        }

    </script>