DOM

html은 태그로 이루어져있고 태그는 약속된 명령어이며 ,
약속된 명령어는 고유한 기능을 가지고있다.

다만 구조만 담당해 정적이고 단순한 페이지만 만들 수 있다.
자바스크립트를 이용해 다양한 기능을 만들어 웹페이지에 적용하기 위해 사용하는것이 바로 DOM이다

dom을 이용해 자바스크립트로 html에 있는것을 읽어 올 수도 있고, 자바스크립트로 만든 기능을 dom을 통해 html을 제어할 수 있다. => 이렇게 js와 html이 상호작용하여 동적인 페이지를 만들 수 있게 된다.

const greeting = () => {
 if (document.getElementById("target").innerText === "Hello") {
   document.getElementById("target").innerText = "Word"; // target이라는 id를 가진코드 텍스트를 Word로 재할당
   document.getElementById("input").value = "Word"; // input이라는 id를 가진코드 value를 Word로 재할당
 } else {
   document.getElementById("target").innerText = "Hello"; // target이라는 id를 가진코드 텍스트를 Word로 재할당
 }
};

document.getElementById("target").innerText = "Hello"; // target이라는 id를 가진코드 텍스트를 Word로 재할당
 }
};
// innerText는 시작태그와 종료태그 사이의 내용을 바꿔주는것.
// input태그의 경우 종료태그 없이 하나로 쓰이기에 사이 내용이 들어갈 수 없음. 이때는 value를 사용
// document.getElementById("input").value = "Hello";