Table of Contents

재미있고 간단한 자바스크립트 미니게임들

1. 숫자 맞추기 게임


<script>
    let randomNumber = Math.floor(Math.random() * 10) + 1;
    let guess = prompt("1부터 10 사이의 숫자를 맞춰보세요!");

    if (guess == randomNumber) {
        alert("정답입니다! 축하해요!");
    } else {
        alert("틀렸어요! 정답은 " + randomNumber + "이었어요!");
    }
</script>

이 게임은 1부터 10 사이의 숫자를 맞추는 게임입니다. Math.random() 함수를 이용하여 랜덤한 숫자를 생성하고, 사용자에게 숫자를 입력받아 맞추었는지 확인합니다.

2. 가위바위보 게임


<script>
    let userChoice = prompt("가위, 바위, 보 중 하나를 선택하세요!");
    let computerChoice = Math.random();

    if (computerChoice < 0.33) {
        computerChoice = "가위";
    } else if (computerChoice < 0.66) {
        computerChoice = "바위";
    } else {
        computerChoice = "보";
    }

    if (userChoice == computerChoice) {
        alert("비겼어요!");
    } else if ((userChoice == "가위" && computerChoice =="보") ||
               (userChoice == "바위" && computerChoice =="가위") ||
               (userChoice == "보" && computerChoice =="바위")) {
        alert("이겼어요!");
    } else {
        alert("졌어요!");
    }
</script>

이 게임은 가위, 바위, 보 중 하나를 선택하여 컴퓨터와 대결하는 게임입니다. 랜덤 숫자를 생성하여 컴퓨터의 선택을 정하고, 사용자의 선택과 비교하여 승부를 가립니다.

3. 기억력 테스트 게임


<script>
    let colors = ["빨강", "파랑", "노랑", "초록"];
    let userSequence = [];
    let computerSequence = [];

    for (let i = 0; i < 3; i++) {
        let randomIndex = Math.floor(Math.random() * colors.length);
        computerSequence.push(colors[randomIndex]);
    }

    alert("컴퓨터가 선택한 순서대로 색상을 따라하세요!");

    for (let i = 0; i < 3; i++) {
        let userColor = prompt((i+1) + "번째 색상을 입력하세요!");
        userSequence.push(userColor);
    }

    let isCorrect = true;

    for (let i = 0; i < 3; i++) {
        if (userSequence[i] != computerSequence[i]) {
            isCorrect = false;
            break;
        }
    }

    if (isCorrect) {
        alert("축하해요! 모두 정확하게 따라왔어요!");
    } else {
        alert("아쉽게도 틀렸어요! 컴퓨터는 " + computerSequence + " 순서대로 골랐어요!");
    }
</script>

이 게임은 컴퓨터가 선택한 순서대로 색상을 따라야 하는 기억력 테스트입니다. 컴퓨터는 랜덤하게 색상을 선택하고, 사용자에게 순서대로 입력받은 색상과 컴퓨터의 선택을 비교하여 결과를 알려줍니다.

4. 단어 맞히기 게임


<script>
    let words = ["사과", "바나나", "딸기"];
    let randomIndex = Math.floor(Math.random() * words.length);
    let answer = words[randomIndex];
    let hint = "";

    for (let i = 0; i < answer.length; i++) {
        hint += "_ ";
    }

    alert("힌트: " + hint);

    while (true) {
        let guess = prompt("단어를 맞혀보세요!");

        if (guess == answer) {
            alert("정답입니다! 축하해요!");
            break;
        } else {
            alert("틀렸어요! 다시 시도해보세요!");
        }
    }
</script>

이 게임은 컴퓨터가 랜덤하게 선택한 단어를 맞추는 게임입니다. 선택된 단어의 길이만큼 힌트가 주어지고, 사용자가 단어를 입력하여 맞추는 것을 도전합니다.