LogicalMaster
JS 에 대해 알아보자 본문
JS 은 대표적인 HTML 와 같은 웹 언어입니다.
풀네임은 JavaScript (자바스크립트) 라 칭합니다.
이번시간에는 자바스크립트의 기본 문법에 대해 알아보도록 하겠습니다.
- 소스
간단하게 버튼을 만들고, 클릭 시 알림창이 뜨도록 해보겠습니다.
- 소스
<script> 안에 자바스크립트 함수를 선언했습니다.
- 결과 화면
정상적으로 실행되었습니다.
이번엔 확인창을 띄어보도록 하겠습니다.
- 소스
초보자가 하긴 좀 어렵습니다.
구글링 하면서 해보는것을 추천드립니다.
한개의 함수 안에 if 함수를 이용하여 여러개의 호출명령을 만들었습니다.
- 결과화면
alert
confirm
prompt
각 버튼을 클릭하면 해당 알림창이 뜨도록 했습니다.
- 전체 소스
<!doctype html>
<html lang="ko">
<head>
<title>Hello World</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/layout.css"/>
<script src="js/layout.js"></script>
<script>
function popup(type) {
if (type == "alert") {
alert("Hello World");
}
if (type == "confirm") {
confirm("Hello World");
}
if (type == "prompt") {
prompt("Hello World");
}
}
</script>
</head>
<body>
<h1>Hello World</h1>
<button onclick="popup('alert');">alert</button>
<button onclick="popup('confirm');">confirm</button>
<button onclick="popup('prompt');">prompt</button>
</body>
</html>
다음시간에는 CSS 기초 문법에 대해 알아보겠습니다.
'IT > 개발일기' 카테고리의 다른 글
| 서버 이전 완료 (0) | 2020.08.24 |
|---|---|
| jQuery 에 대해 알아보자 (0) | 2020.08.24 |
| HTML 에 대해 알아보자 (0) | 2020.08.23 |
| CSS 기초 문법 공부하기 (0) | 2020.08.21 |
| 라이믹스 메시지 팝업 변경하기 (0) | 2020.08.20 |
