본문 바로가기

Effect32

[Quiz Effect] 퀴즈 이펙트 02 - 주관식 유형 퀴즈 만들기 02 이번 시간에는 그 동안 배웠던 JavaScript를 이용하여 퀴즈를 만들어보도록 하겠습니다. 이번 학습 내용을 잘 활용하여 웹디자인기능사 시험 공부 열심히 해 봅시다! 변수(let)와 상수(const)에 쿼리 셀렉터 값을 저장시키고, 그 동안 배운 스크립트를 통해 문제 정보를 HTML 태그에 출력시키고, 정답을 숨겼다가 버튼을 눌러 보이게 하는 등의 다양한 효과들을 구현시켜봅시다! 주관식 유형 두번째 주관식 유형의 자바스크립트 소스와 부연 설명(주석 처리됨)이다. HTML과 CSS 소스를 함께 보고 싶다면 맨 아래의 '원본 소스 보기' 버튼을 누를 것. // 선택자 : 상수 const를 필요한 만큼 선언한 다음 HTML 영역의 div, 시맨틱 태그 등의 Class명과 연결시킨다. //c.. 2022. 8. 4.

[Quiz Effect] 퀴즈 이펙트 01 - 정답 확인하기 유형 퀴즈 만들기 01 이번 시간에는 그 동안 배웠던 JavaScript를 이용하여 퀴즈를 만들어보도록 하겠습니다. 이번 학습 내용을 잘 활용하여 웹디자인기능사 시험 공부 열심히 해 봅시다! 변수(let)와 상수(const)에 쿼리 셀렉터 값을 저장시키고, 그 동안 배운 스크립트를 통해 문제 정보를 HTML 태그에 출력시키고, 정답을 숨겼다가 버튼을 눌러 보이게 하는 등의 다양한 효과들을 구현시켜봅시다! 정답 확인하기 유형 첫번째 정답 확인하기 유형의 자바스크립트 소스와 부연 설명(주석 처리됨)이다. HTML과 CSS 소스를 함께 보고 싶다면 맨 아래의 '원본 소스 보기' 버튼을 누를 것. // 선택자 : 상수 const를 필요한 만큼 선언한 다음 HTML 영역의 div, 시맨틱 태그 등의 Class명과 연결.. 2022. 8. 4.

이전 1 2 다음

Reference Book

JavaScript

JavaScript

HTML

HTML

CSS

CSS

광고 준비중입니다.

티스토리툴바