끝말잇기 화면에 표시

var body = document.body;

var word = document.createElement('div');//태그를 새로 만들었으면 반드시 append로 추가해줘야한다!
word.textContent = '제로초'
document.body.append(word);

var 입력창 = document.createElement('input');
document.body.append(입력창);

var btn = document.createElement('button');
btn.textContent = '입력';//태그 안에 들어가는 글자.
document.body.append(btn);

var result = document.createElement('div');
document.body.append();

btn.addEventListener('click',function(){//function이 콜백함수로 쓰였다.
    if(word.textContent[word.length - 1] === 입력창.value[0]) {//입력창.value 가 입력하려는 값.
        //태그 안에 들어가는 것들은 textContent이고 입력창에 들어가는 것들은 value이다!
        result.textContent = '딩동댕';
        word.textContent = 입력창.value;
        입력창.value = ' ';
    } else {
        result.textContent = '땡';
    }
});
//console.dir(document.body)하면 태그들이 나온다. DOM을 쓰려면 dir을 쓰면 된다.