자바스크립트 기초 기타 정보 - 알듯 모를듯한것 2탄

1. console.dir(document) 로 document를 객체 형식으로 볼 수 있음. Dom 객체(Document Object Model)

2. DOM : html과 js의 통역사 역할

3. js로 HTML 태그 만들기

var 바디 = document.body;
var 단어 = document.createElement('div'); //createElement 이 함수가 HTML태그를 만들어줌
단어.textContent = '넣을 글자'; //이 구문으로는 브라우저에 등록만 하고 화면에 표시되는 것은 아님
document.body.append(단어); //바디 안에 단어 추가. 표시됨

var 버튼 = document.createElement('button');
버튼.textContent = '입력';
document.body.append(결과창);

버튼.addEventListener('click', function(){
 //이거시 콜백함수
 if(단어.textContent[단어.textContent.length] - 1 === 입력창.value[0]) {
 결과창.textContent = '딩동댕';
 단어.textContent = 입력창.value;
 } else {
	결과창.textContent = '땡!'	
 }
})
//인풋 박스에 저절로 커서가 찍히게 하려면 입력창.focus(); 구문 사용