자바스크립트 13 - 게임 : 조건문으로 묵찌빠 맞추기 vs 대결하기

조건문의 종류에는 switch와 if문이 있다. 

미션 1. 컴이 무엇을 냈는지 맞추기

미션 2. 컴과 묵찌빠 대결하기

---

[미션1]

1. 나 => 컴이 무엇을 냈는지 알아맞추세요.

            가위바위보 중에서 입력 prompt()

2. 컴 => 난수로 가위바위보 중에서 ???출력

3. 컴==나 => 같다 || 같지않다 

4. 컴이 낸 것을 이미지로 출력

5. switch문, if문

---

document.write('<h1>묵찌빠 맞추기</h1>');
let choice = prompt('컴은 묵찌빠 중에서 무엇을 냈을까요?', '');
let num;
switch(choice){
  case "묵": 
    num =1;
    break;
  case "찌": 
    num =2;
    break;
  case "빠": 
    num =3;
    break;
  default :
    alert('묵찌빠 중에 선택해야 합니다.');
    location.reload();
}

let com = Math.floor(Math.random()*3+1);

if(num == com){
	document.write('<h2 class="color1">축하합니다. 맞췄습니다.</h2>');
}else{
	document.write('<h2 class="color2">컴이 이겼습니다., 다음기회에 도전하세요.</h2>');
}

 

---

[미션2] 아래 조건을 충족해야 한다. 

나 1 -> 컴 1 : 비겼습니다. 

나 1 -> 컴 2 : 축하해, 이겼어

나 1 -> 컴 3 : 아쉽다, 졌어

나 2-> 컴 1  : 아쉽다, 졌어

나 2 -> 컴 2 : 비겼습니다. 

나 2 -> 컴 3  : 축하해, 이겼어

나 3 -> 컴 1 : 축하해, 이겼어

나 3 ->컴 2 : 아쉽다, 졌어

나 3 ->컴 3  : 비겼습니다. 

---

document.write('<h1>묵찌빠 대결보기</h1>');
        let choice = prompt('묵찌빠 중에서 무엇을 내시겠습니까?', '');
        let num;
        switch(choice){
            case "묵": 
                num =1;
                break;
            case "찌": 
                num =2;
                break;
            case "빠": 
                num =3;
                break;
            default :
                alert('묵찌빠 중에 선택해야 합니다.');
                location.reload();
        }

        let com = Math.floor(Math.random()*3+1);

        if(num == com){
            document.write("<h2 class='color1'>비겼습니다. 맞췄습니다~!</h2>");
            document.write("<h2 class='color1'>다시 한번 해보세요.</h2>");            
        }else if(num == 1 && com == 2 || num == 2 && com == 3 || num == 3 && com == 1){
            document.write("<h2 class='color1'>축하합니다. 이겼습니다. !</h2>");
        }else if(num ==1 && com == 3 || num == 2 && com == 1 || num == 3 && com ==2){
            document.write("<h2 class='color2'>컴이 이겼습니다. 다음기회에 도전하세요~!</h2>");
         }else{
            document.write("<h2 class='color1'>다시 한번 해보세요.</h2>");
            location.reload();
         }
        

        //com = 1, 2, 3 
        
        document.write(`<p>컴 이 낸 것은 : <img src ="img/${com}.png" alt="가위바위보"></p>`);
        document.write(`<p>당신이 낸 것은 : <img src ="img/${num}.png" alt="가위바위보"></p>`);