<html>
<head>
<title>자바스크립트 예제</title>
</head>
<script language="JavaScript">
<!--
function calculation() {
var x=10;
var y=5;
var result=x+y;
alert(result);
}
// -->
</script>
<body>
<center>
<h2>자바스크립트 함수 만들기</h2>
<hr><br>
<form>
<input type="button" value="계산하기"
onClick="calculation()">
</form>
</center>
</body>
</html>
(그림 4) 자바스크립트 함수 만들기
버튼을 누르면 calculation() 함수가 실행되
고, 10과 5를 더한 결과가 메시지 창에 뜬다.
보통 자바스크립트 함수는 <head>와
</head> 태그 사이에 보통 위치한다.
calculation()함수는 세 개의 변수 x, y,
result를 사용한다. 변수 x와 y를 더한 값을
result에 저장하고 이를 alert()라는 내장함수
를 사용해 메시지 창에 보여준다.
초보자에게는 어려운 내용이 될 수도 있을
것이다. 이것만 이해하면 된다. function으로
시작하는 것이 바로 자바스크립트 함수라는
것과 이것들은 보통 <head>와 </head> 사
이에 위치한다는 점이다.
이것만 기억하자
자바스크립트는 초보자가 배우기에는 조금
어렵다. 하지만 자바스크립트를 활용하는 것
은 그리 어렵지 않다. 몇가지 규칙만 알아두
면 된다. 마치 자동차가 어떻게 굴러가는 것
은 모르더라도, 운전은 잘 할 수 있듯이 말
이다. 아래 규칙만은 기억하자.
첫째, 자바스크립트 태그는 다음과 같다.
<script language="JavaScript"> ...
</script>
이러한 자바스크립트는 보통 <head>와
</head> 안에 위치한다. 하지만 어디에 위
치해도 관계없다.
둘째, 자바스크립트 실행은 <form> ...
</form> 안에 <input> 명령을 이용한다.
웹저작툴로 자바스크립트를 간단히
지금까지 자바스크립트를 간단하게나마 살펴
보았다. 하지만 웹저작툴을 이용하면 매우
간단히 홈페이지에 자바스크립트를 사용할
수 있다. ‘커피컵’ 이라는 HTML 에디터를
이용하여 홈페이지에 자바스크립트를 넣는
법을 배워보도록 한다. 커피컵 HTML 에디
터는 자바스크립트, 비주얼베이직스크립트,
CGI 등을 아이콘을 클릭함으로써 간단히 홈
페이지에 넣을 수 있다. 자세한 내용은
http://www.coffeecup.com을 참조하면 된다.