quiz 유형 사이트 만들기 - 02

퀴즈퀴즈 사이트 만들기 

안녕하세요 오늘은 퀴즈문제를 풀어보는 사이트를 만들어 봤어요 

정답일경우엔 강아지가 웃고

오답일경우엔  강아지가 슬퍼해요 

정답은 '슬라이드'입니다 ! 

 소스는 요기 

 

위 레이아웃 만들면서 궁금했던 css 정리 😝😝😝!
font-family:  'NeoDunggeunmo'	pc에서는 잘 나왔지만 선생님의 맥에서는 화면이 깨져보였다 . . 폰트는 화면별로 다르기 때문에 확인을 한번씩 해야겠음 ! ~

 

 

😝😝😝 위 레이아웃 만들면서 어려운 javascript 정리
textContent innerText	두 태그는 동일한 동작을 합니다. 값을 넣어주는 자바스크립트 내장객체 innerText로 어제 코드작업을 했구 오늘은 textContent를 해봤어요
const useAnswer =  quizAnswerInput.value.trim();	trim() : text값에 공백 제거 value : input받은 값의 value를 가져옴!
.style.display  = "none" or "block"	보일때는 block ! 안보이고싶을때는 none !
dogWrap.classList.add("like");	classList.add("like")란 내장객체를 통해서 dogWrap엘리먼트에 class 값을 추가하였어요 !