JS_숫자 맞추기 게임

KH/JavaScript

JS_숫자 맞추기 게임

오늘의 진 2022. 9. 21. 11:35

숫자 맞추기 게임

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>숫자 맞추기 게임</title>
    <script>
        var computerNumber = 53; // 정답
        var nGuesses = 0; //추측 횟수

        function guess() {
            var result = ""; // 결과 메세지

            //사용자가 입력한 갑을 받아서 변수 number에 입력한다. 
            var number = parseInt(document.querySelector("#user").value);
            nGuesses++; //추측 횟수를 증가시킨다. 
            if (number == computerNumber) result = "축하합니다 성공입니다.";
            else if (number > computerNumber) result = "좀 낮습니다.";
            else result = "좀 높습니다.";

            document.querySelector("#result").value = result;
            //id result를 찾아가서 그 값의 자리에 reult를 뿌리겠다(보여주겠다) 라는 의미
            document.querySelector("#guesses").value = nGuesses;
            return true;
        }


    </script>
</head>

<body>

    <h2> 숫자 맞추기 게임</h2>
    이 게임은 컴퓨터의 숫자를 맞추는 게임입니다. 숫자는 1부터 100사이에 있습니다.

    <hr size="5" color="green">
    <form>
        숫자 :
        <input type="text" id="user" size="7">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" value="확인" onclick="guess();"><br>
        시도횟수:
        <input type="text" id="guesses" size="7">
        힌트 :
        <input type="text" id="result" size="20">
    </form>
</body>

</html>

실행모습

숫자 맞추기 게임

이 게임은 컴퓨터의 숫자를 맞추는 게임입니다. 숫자는 1부터 100사이에 있습니다.