어쨌든 해내는 코딩 일기

classlist.add 사용하는 이유, 방법사용자가 누를 수 있는 answer들은 class나 id 값이 없어서queryselector가 불가능하므로 js 안에서 클래스 만들어준다.밑에서 세 번째 줄 ★ : answer.classlist.add('answerlist');function addAnswer(answerText){ var a = document.querySelector('.answerbox'); var answer = document.createElement('button'); // answer는 클래스나 id값이 없어서 querySelector이용 불가하므로 클래스 만들어주기 answer.classList.add('answerlist'); a.appendChil..

작업관리자 열기(코드 구조 확인): Ctrl+Shift+I  qnalist 코드를 작업관리자 console에서 열어보면 구조가 나옴.Key와 Value로 이루어져 있고q라는 key에 질문(q)가 있고a라는 key에 배열 3개(array(3))이 있고 -> a는 answer와 와 type이라는 value로 이루어져있다.  type이 4개가 있어서 사용자가 누르는 값에 따라 cow, tiger, dragon, chick의 결과를 띄워줌****object형식의 자료는 .으로 자료를 찾을 수 있음.innerHTML 정의:Element 속성(property) innerHTML 은 요소(element) 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 설정한다. innerHTML 사용하는 방법이미 우리는 다량..