이펙트 효과 22

정답에 따라 표정이 변하는 강아지 퀴즈 만들기! - 2

오늘은 주관식 유형을 추가해보도록 하겠습니다. HTML 작성 . script // 선택자 const quizWrap = document.querySelector(".quiz__wrap"); const quizTitle = quizWrap.querySelector(".quiz__title span"); const quizTime = quizWrap.querySelector(".quiz__title em"); const quizQusetionNum = quizWrap.querySelector(".quiz__question em"); const quizQuestion = quizWrap.querySelector(".quiz__question span"); const quizDesc = quizWrap.quer..

정답에 따라 표정이 변하는 강아지 퀴즈만들기! - 1

정답에 따라 표정이 변하는 강아지 퀴즈! 오늘은 정답을 맞추었을 때, 틀렸을 때 표정이 변하는 강아지를 만들어 보려고 합니다. 정답을 맞추었을 때는 웃는 얼굴, 틀렸을 때는 우는 얼굴을 하는 강아지입니다. 꼬리는 기본적으로 흔들리고 있어요! 그럼 코드를 먼저 작성해야겠죠? HTML 코드 먼저 보시죠!! Quiz 정답확인하기 유형 . // like or dislike를 삽입하며 표정을 바뀌게 합니다. 정답 확인하기 연변대비 dripidea77@gmail.com 기본 HTML 코드이며 css에 (정답을 맞추었을 때), (정답을 틀렸을 때)에 다른 표정의 코드를 작성해두었습니다. Css코드는 상당히 길기 때문에 생략하고 오늘의 포인트인 javascript를 보겠습니다. javascript 선택자와 문제 정보,..