// 이 스크립트는 곱하기 전용 계산기를 만드는 스크립트 입니다
// 폼객체를 이용한 자바스크립트 연산을 어떻게 해야하는지 공부 해 보세요
// [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요
<script language="JavaScript">
<!--
function doMath() {
var one = eval(document.theForm.elements[0].value) // 폼(theForm)의 첫번째 엘리먼트, 즉 첫번째 input 상자
var two = eval(document.theForm.elements[1].value) // 폼(theForm)의 두번째 엘리먼트
var prod = one * two
alert("결과값 : " + one + " 곱하기 " +
two + " 는 " + prod + ".")
}
// -->
</script>
// [2단계] 아래의 코드를 원하는 위치에 복사 해 넣으세요
<form name="theForm">
<input type="text"> 고파기
<input type="text">
<input type="button" value="얼마일까" onClick="doMath()">
</form>
<!---->
// 폼객체를 이용한 자바스크립트 연산을 어떻게 해야하는지 공부 해 보세요
// [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요
<script language="JavaScript">
<!--
function doMath() {
var one = eval(document.theForm.elements[0].value) // 폼(theForm)의 첫번째 엘리먼트, 즉 첫번째 input 상자
var two = eval(document.theForm.elements[1].value) // 폼(theForm)의 두번째 엘리먼트
var prod = one * two
alert("결과값 : " + one + " 곱하기 " +
two + " 는 " + prod + ".")
}
// -->
</script>
// [2단계] 아래의 코드를 원하는 위치에 복사 해 넣으세요
<form name="theForm">
<input type="text"> 고파기
<input type="text">
<input type="button" value="얼마일까" onClick="doMath()">
</form>
<!---->
'java script' 카테고리의 다른 글
| 방문자의 기본 정보 몇가지 알아보기 (0) | 2011.01.07 |
|---|---|
| 오늘 날짜가 하이라이트 되는 달력 (0) | 2011.01.07 |
| 깔끔한 다기능 계산기 (0) | 2011.01.07 |
| 간단한 계산기 (0) | 2011.01.07 |
| 자바스크립트 풀다운 메뉴 만들기 (0) | 2011.01.07 |