랜덤 가위바위보 게임 ㅎ

웹 캡쳐

Javascript 책에 있는 랜덤 가위바위보 맞추기 실습이 너무 하고 싶었다.

변수를 하나 더 저장하고 if 문으로 조건을 넣어서 승패 표시를 넣었다. 

 

<script>
      document.write(
        "<h1>가위,바위,보 게임!<br/> (Rock!, Scissor!, Paper!) </h1>"
      );
 
      var user = prompt(
        "가위,바위,보 게임!(Rock, Scissor, Paper) 무엇을 내시겠습니까?!"
      );
 
      document.write("<h3>컴퓨터가 낸 것은!</h3>");
      let rdNum = Math.ceil(Math.random() * 3);
      let com = "";
 
      if (rdNum == 1) {
        // 주먹
        document.write(
          "<img id='pc' src=' '></img>"
        );
        com = "바위";
      } 
...
</script>

참참 하나 있네, 

 
} else {
        alert("잘못 작성하셨습니다.");
        location.reload(); // 페이지 새로 고침  // post 유지 , 가장 많이 쓸 듯
        // 페이지 새로 고침하는 다른 방법  https://7942yongdae.tistory.com/53
 
        // location.replace(location.href);  // 현재 이력을 수정하는 형태, history 새롭게 추가되지 않음. post 미포함
        // location.href = location.href;  // 새로고침이 아니라, 같은 페이지로 이동하는 것. history 추가됨.
        // setTimeout(function () { location.reload(); }, 60 * 1000); // 특정 주기로 페이지 새로고침, 주식, 코로나 확진 현황
        // setTimeout(function(){기능}, 밀리초 시간 );
      }
 

책에 있는 location.reload(); 를 알아본다고 참고한 사이트이다. 잘 설명되어 있었다. ㄳㄳ https://7942yongdae.tistory.com/53

 

이미지 소스는 구글에서 아무거나 가져와서 넣어서 조잡하지만 뭔가 재밌었다. 역시 코딩은 별 거 아닌 거 만들고 혼자 좋아하는 맛으로 하는 것 같다 ㅋㅋㅋ 괜히 거창한 계획은 스트레스만 받고 ㅎㅎ  

사이드 프로젝트 계획은 많은데, 손을 못 대고 있다. 너무 거창하게 목표를 잡아둔 탓인 것 같다. 작게 나눠서 조금씩 만들어봐야지 ㅎㅎ 

 

 

( 전체 코드 있는 깃허브 주소)

https://github.com/babsang781/ideas/blob/main/SimpleCode/%EA%B0%80%EC%9C%84%EB%B0%94%EC%9C%84%EB%B3%B4%EA%B2%8C%EC%9E%84.html