[JavaScript] 학습정리 - 뷰스타일지

JavaScript는 객체 기반 기능 스크립팅 언어이며 웹에서 눈에 띄는 위치를 차지합니다.

JavaScript를 이용하여 간단한 화면을 구현해 봅시다. 로드 시 버튼에 이벤트를 할당하고 클릭 시 “Hello JavaScript. *^^*”를 표시합니다. 코드는 Eclipse로 작성되었으며 IE 브라우저에서 실행되었습니다. 또한 IE 브라우저 개발자 도구로 디버깅을 시도하십시오.

아래는 전체 코드입니다.

<html>
<head>
<title>Hello</title>
<script language="JavaScript">
       function sayHello() {
               var msg = "Hello JavaScript.";
 
               document.title = msg;
               document.getElementById('hello').innerHTML = msg;
       }
</script>
</head>
 
<body>
       <h1>
               <span id="hello">Here.</span>
       </h1>
       <button onclick="sayHello()">Click Me.</button>
</body>
</html>

첫 화면에서 제목은 “Hello”이고 “Here.”가 화면에 표시됩니다.

'추천 관련글,