바로 앞에서 작성한 코드가 사용자에겐 게임을 하기 더 편할 것 같다..
하지만 코드가 좀 길다. ( 필요에 비해서...)
앞서 경험했던 전역변수를 활용하면 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> |
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
| 샘플소스3) javascript 기본 문서구조 ( string 객체 ) (0) | 2011.04.10 |
|---|---|
| 샘플소스3) javascript 기본 문서구조 ( screen객체) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 숫자 객체 _ 응용2 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 숫자 객체 _ 응용1 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 숫자 객체 ) (0) | 2011.04.10 |
댓글