그 많은 예제들 중에서도 계산기 관련 예제는 언제나 등장하는 편이라는 것을 익히 알고있을 것이다.
왜그럴까?
각각의 숫자와 그것들에게 일정한 명령을 할수있는
다시말해 1~0까지의 그 숫자들이 하나의 기능이 되고 +-/*% 등의 기호들이 앞의 기능을 섞어주는 역할을 한다면..
매우 다양한 결과를 도출시킬 수 있을 것이다..
여튼,
계산기를 만들기 전에 먼저 워밍업..
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> |
|
|
|
<title>window객체 이벤트.이벤트핸들러3</title> |
|
|
|
|
|
|
|
<meta name="Keywords" content="" /> |
|
|
|
<meta name="Description" content="" /> |
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
//<![CDATA[ |
|
|
|
|
|
|
|
function call(form){ |
|
|
|
form.cal.value = eval(form.cal.value); // 문자를 숫자로 |
|
|
|
return false; //true로하면 naver로 넘어간다. |
|
|
|
} |
|
|
|
|
|
|
|
//]]]]]]> |
|
|
|
</script> |
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
|
|
<form action="http://www.naver.com" onsubmit="return call(this);" > |
|
|
|
<input type="text" name="cal" value="20+30" /> <br /> |
|
|
|
<input type="submit" name="btn" value="결과" /> |
|
|
|
</form> |
|
|
|
|
|
|
|
</body> |
|
|
|
|
|
|
|
</html> |
|
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 4. (0) | 2011.04.22 |
|---|---|
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 4. (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 2. (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 2)시간 메소드 (0) | 2011.04.22 |
댓글