<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p> In HTML, JavaScript statements are executed by the browser.</p>
<p id = "demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello Dolly.";
</script>
</body>
</html>실행시키면 아래와 같이 나온다.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>JavaScript statements are separated by semicolons.</p>
<p id = "demo1"></p>
<script>
let a, b, c;
a = 5;
b = 6;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>
- let 명령문은 범위를 가지는 지역 변수를 생성한다. 임의의 값으로 초기화할 수 있다.
- a=5; b=6; c=a+b; 같이 한 줄로 표현할 수 있다.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>JavaScript code blocks are written between { and }</p>
<button type="button" onclick="myFunction()">Click Me!</button>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?
";}
</script>
</body>
</html>- 중괄호로 그룹화하면 함께 실행할 수 있다.
아래 왼쪽 화면에서 실행시키면 오른쪽같이 나온다.
JavaScript Keywords
- var 변수 선언
- let 블록 변수 선언
- const 블록 상수 선언
- if 조건에서 실행할 명령문 블록을 표시합니다.
- switch 다른 경우에 실행할 명령문 블록을 표시합니다.
- for 루프에서 실행할 명령문 블록을 표시합니다.
- function 함수 선언
- return 기능 종료
- try 명령문 블록에 대한 오류 처리를 구현합니다.
2021.11.22 ~ 국비지원과정 수강ing