본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

JS 응용하기32

#검색결과

총 32개를 찾았어요 ^^b

/

JS 응용하기 - 퀴즈 04 4번 Radio 버튼을 통한 선택형 문제 만들기 문제 출력 및 정답 출력시 함수로 하나씩 묶어 충동을 방지하고, 라디오 버튼을 통해 checked가 생성되면 선택한 값과 저장되어있는 값이 맞는지 비교후 정답을 출력한다. 자바스크립트 //선택자 const quizType = document.querySelector(".quiz__type"); //다중의 값이 있을때는 을 붙여 선택이 가능하게끔 한다. //퀴즈 종류 : 클래스 quiz__type에 대입함 const quizNumber = document.querySelector(".quiz__question .number");//퀴즈 번호 : 클래스 quiz__quetion의 .number에 대입함 const quizAsk = document.querySe..

JS 응용하기 - 퀴즈 03 3번 다양한 문의 주관식 답변 페이지 만들기 각 요소들을 querySelector을 통해 선택하는데 뒤에 All을 추가하여 다중의 값이 있는 요소들을 선택 한다. 자바스크립트 //선택자 const quizType = document.querySelectorAll(".quiz__type"); //다중의 값이 있을때는 All을 붙여 선택이 가능하게끔 한다. //퀴즈 종류 : 클래스 quiz__type에 대입함 const quizNumber = document.querySelectorAll(".quiz__question .number") //퀴즈 번호 : 클래스 quiz__quetion의 .number에 대입함 const quizAsk = document.querySelectorAll(".quiz__quest..

JS 응용하기 - 퀴즈 02 2번 입력한 문자로 맞음/틀림 정하는 페이지 만들기 2번 문제의 정답을 input 박스에 입력하고 정답확인하기를 누르면 버튼과 input 박스가 사라지고 정답이 나타납니다. 자바스크립트 //선택자 const quizType = document.querySelector(".quiz__type"); //퀴즈 종류 : 클래스 quiz__type에 대입함 const quizNumber = document.querySelector(".quiz__question .number") //퀴즈 번호 : 클래스 quiz__quetion의 .number에 대입함 const quizAsk = document.querySelector(".quiz__question .ask") //퀴즈 질문 : 클래스 quiz__quetion의..

JS 응용하기 - 퀴즈 01 1번 정답 확인하는 페이지 만들기 result를 숨긴 상태에서 confirm 버튼을 누르면 confirm을 숨기고 result를 출력합니다. 자바스크립트 //선택자 const quizType = document.querySelector(".quiz__type"); //퀴즈 종류 : .quiz__type 클래스 선택 const quizNumber = document.querySelector(".quiz__question .number") //퀴즈 번호 ; .quiz__question 에서 .number 클래스 선택 const quizAsk = document.querySelector(".quiz__question .ask") //퀴즈 질문 : .quiz__question 에서 .confirm 클래스 선택 ..

이전 1 ··· 5 6 7 8 다음

728x90

#HASH_TAGS

-

1

ImageSlideEffect 오징어 한마리 수확 완료! 제이쿼리 필터선택자 scroll-snap-align 슬라이드 결과 : 월요일 오늘도 웹표준은.. HTML 공부 Method 테스트테스트 선택해주세요 화사한가요? 코딩 오징어 1Kg 당 3000원 테스트 다크모드 숙제가 다양해서 너무 좋아요 scroll-snap-type 이건 또 뭐람 멈추지 않는 ' j ' 시리-즈 메서드 오징어 두마리 포획 완료 코드 내일은 즐거운 월요일 JQuery 오늘 조업 마감했습니다. 울적하니 꽃을 달아봤습니다 오늘은 내가바로 오징어!

티스토리툴바