[TIL] DOM으로 작동하는 웹앱 만들기

사용자로 부터 유저네임과 메세지를 받아 아래 쪽 리스트에 출력해주어야한다.

let usernametxt = document.querySelector('#username_txt');
let messagetxt = document.querySelector('#message_txt');
let tweetButton = document.querySelector('#tweet_btn');

dom을 이용해 전역변수를 설정해준다.

tweetButton.onclick = generateNewTweet2;

버튼이 클릭될 때 호출하는 함수는 반드시 ()가 없어야한다.

let parent = document.querySelector('#tweet');
parent.prepend(div);

리스트를 호출 prepend를 이용하여 위쪽부터 추가할 수 있게해준다.