HTML
<script src="../Java_script/njs1.js"></script>
<!-- 스크립트의 요소(njs1)이 끝나기전에 njs2를 불러왔기 때문에
또 njs2까지 실행한 다음 부모(njs1)로 돌아간다. -->
CSS-njs1
document.write("njs1.js");
document.write("<div style = 'color:red; font-size: 24px;'>외부 자바스크립트 파일</div>")
document.write("<script src='../Java_script/njs2.js'></script>")
CSS-njs2
document.write("njs2.js는 njs1.js에 포함");
document.write("<div style = 'color: blue; font-size: 20px;'>외부 자바스크립트 파일</div>")
njs1을 실행하고 njs1에서 njs2를 또 실행시켰기 때문에
njs1 → njs2 다 실행끝나고 다시 부모인 njs1로 돌아간다.
var num;
document.write(typeof 100 + "<br />");
document.write(typeof 10.5 + "<br />");
document.write(typeof num + "<br />");
document.write(typeof true + "<br />");
document.write(typeof num + "<br />");
document.write(typeof [1,2,3] + "<br />");
document.write(typeof {name:'여의동', age:25} + "<br />");
typeof 연산자 : typeof 뒤에 있는 데이터가 무슨 타입의 데이터인지 알려주는 연산자.
-입력 검증에 쓰이고
-디버깅과 로깅에 용이하다.
<script>
stdName = "홍길동";
comGrade = 96;
var stdName = "김유신";
var comGrade;
document.write("학생이름: " + stdName + "<br>");
document.write("컴퓨터 점수: " + comGrade + "<br>");
</script>
<!-- var는 변수명 재선언을 해도 데이터 값 변동 없음 (값을 넣지 않았을때) -->
var는 재정의가 가능해서 처음에 '홍길동'이 들어갔지만 '김유신'으로 값이 변경되었다.
comGrade는 재정의는 하였지만 값의 변동은 없음.
<script>
stdName = "홍길동";
comGrade = 96;
//let stdName = "김유신";
//let comGrade;
document.write("학생이름: " + stdName + "<br>");
document.write("컴퓨터 점수: " + comGrade + "<br>");
</script>
재정의 선언이 불가능해서 에러가 뜬다.