반응형 웹디자인기능사2 QuizEffect05 quizEffect05 2016년 04회차 웹디자인 기능사 시험 기출문제입니다. 열심히 풀어서 100점을 맞아봐요! 원본 소스 보기 원본 사이트 보기 자바스크립트 문제 정보는 이전과 동일하므로 생략하고 선택자부터 넣었습니다. 퀴즈04번과 동일하게 빈배열인 exam 상수를 선언하고 내부에 forEach문, push(``(리터럴))을 사용하여 html 태그를 넣고 ${}표현식에 변수를 넣어 문제가 출력되도록 하였습니다. 추가적으로, 60개의 문제중 36개 정답을 기준으로 합격과 탈락이 출력되도록 삼항연산자를 사용하여 입력해주었습니다. //선택자 const quizWrap = document.querySelector(".quiz__wrap"); let quizScore = ""; //문제 출력 const up.. 2022. 8. 18. QuizEffect03 quizEffect03 js를 이용한 기출문제입니다. 참고하여 웹디자인기능사 시험을 준비합니다. 원본 소스 보기 자바스크립트 이벤트 메서드, for문, forEach문, if else문을 사용하여 문제 출력, 정답 숨기기, 정답 확인을 출력합니다. //선택자 const quizType = document.querySelectorAll(".quiz__type"); //퀴즈 종류 const quizNumber = document.querySelectorAll(".quiz__question .number"); //퀴즈 번호 const quizAsk = document.querySelectorAll(".quiz__question .ask"); //퀴즈 질문 const quizConfirm = document.q.. 2022. 8. 6. 이전 1 다음 반응형