피드로 돌아가기
새로워지기·서른의 생활코딩

샘플소스3) javascript 기본 문서구조 ( 숫자 객체 _ 응용3 )

NS
normalstory
표지 이미지

바로 앞에서 작성한 코드가 사용자에겐 게임을 하기 더 편할 것 같다..
하지만 코드가 좀 길다. ( 필요에 비해서...)

앞서 경험했던 전역변수를 활용하면 3개로 정의하던 함수ㄹ를
단, 하나로 줄일 수 있다.



<!DOCTYPE html>


<html>


<head>


<meta charset="utf-8" />


<title></title>


<script type="text/javascript">


//<![CDATA[
 


function process(user) {


var result = 0;


var computer = parseInt((Math.random() * (3 - 1 + 1)) + 1);


switch(user-computer) {


case -2: case 1: result = 1; break;


case -1: case 2: result = -1; break;


case 0: result = 0; break;


default: break;


}


document.write("<p />나: ");


document.write((user==1)?"가위":(user==2)?"바위":"보");




document.write("<p />상대: ");


document.write((computer==1)?"가위":(computer==2)?"바위":"보");




document.write("<p />결과: ");


document.write((result==1)?"승리": (result==0)?"무승부":"패배");


}




//]]]]>


</script>


</head>


<body>


<input type="button" value="가위" onclick="process(1)" />


<input type="button" value="바위" onclick="process(2)" />


<input type="button" value="보" onclick="process(3)" />


</body>


</html>

친절한 찰쓰씨
글쓴이
친절한 찰쓰씨
친절한 찰쓰씨 · 일상 UX 디자이너
기획·디자인·단상을 조용히 기록합니다.
작가 페이지에서 더 보기

이어서 읽기

새로워지기

꾸준히, 오래, 지치지 않고

Mar 31, 2026·8
새로워지기

테크 라이프 발란스

Feb 7, 2026·3
새로워지기

휴탈리티 박정렬

Feb 7, 2026·11