본문 바로가기
반응형

분류 전체보기166

객관식 여러문제 확인하기 유형 : 슬라이드 유형 퀴즈 이펙트 객관식 여러문제 확인하기 유형 : 슬라이드 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Quiz 객관식 확인하기(여러문제) 유형 : 슬라이드 유형 1 2 3 4 5 6 W 정답입니다! 틀렸습니다! 다음 문제입니다. ??점 정답 : ? 개 dongjin6539@naver.com 코드 블럭 구성 코드 블럭 구성은 저번에 작성했던 객관식 확인하기 유형 퀴즈 이펙트에 있는 구성과 똑같아서 그대로 가져옵니다.(객관식 확인하기 유형 퀴즈 이펙트 : https://dongjin6539.tistory.com/43) 추가로 현재 문제 번호와 총 문제 의 갯수를 알려주기 위해 class "dog__wrap" .. 2023. 3. 27.
자바스크립트 쪽지 시험(5) 자바스크립트 쪽지 시험(5) 길라잡이 수업시간에 배운 자바스크립트를 간단하게 테스트합니다. 제대로 배웠는지 간단하게 테스해보세요! 1. 다음 결괏값 중 -1이 나오는 갯수를 구하시오. { const str = "javascript refercence"; str.indexOf("javascript"); str.indexOf("javascripts"); str.indexOf("j"); str.indexOf("J"); str.indexOf("a"); str.indexOf("ja"); str.indexOf("jv"); str.indexOf("refercence"); str.indexOf("r"); str.indexOf("re"); str.indexOf("javascript", 0); str.indexOf("ja.. 2023. 3. 26.
객관식 여러문제 확인하기 유형 퀴즈 이펙트 객관식 여러문제 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Quiz 객관식 확인하기(여러문제) 유형 1 2 3 4 5 W dongjin6539@naver.com 코드 블럭 구성 코드 블럭 구성은 저번에 작성했던 객관식 확인하기 유형 퀴즈 이펙트에 있는 구성과 똑같아서 그대로 가져옵니다.(객관식 확인하기 유형 퀴즈 이펙트 : https://dongjin6539.tistory.com/43) 다만 body 태그 안에 script 태그를 사용해서 정보를 입력하기 위해 main 태그에 class "quiz" 부분은 주석 처리 해줍니다. 강아지 이미지는 인터넷을 통해 얻어왔습니다. (참조: .. 2023. 3. 25.
Flower animation Flower animation See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen. 2023. 3. 24.
자바스크립트 쪽지 시험(4) 자바스크립트 쪽지 시험(4) 길라잡이 수업시간에 배운 자바스크립트를 간단하게 테스트합니다. 제대로 배웠는지 간단하게 테스해보세요! 1. 결괏값을 작성하시오. { const str = "javascript"; const text = str.indexOf("a"); const text2 = str.lastIndexOf("a"); const text3 = str.includes("a"); console.log(text); console.log(text2); console.log(text3); } 답 확인하기 1, 3, true 2. 다음의 결괏값을 보고 빈칸을 채우시오. { function func(){ document.write("함수2가 실행되었습니다."); } function callback(str){ .. 2023. 3. 24.
검색 이펙트 - CSS 속성 검색하기 검색 이펙트 - CSS 속성 검색하기 CSS 속성 검색할 수 있는 사이트를 만들었습니다. 코드 보기(HTML, JAVSCRIPT / CSS1 / CSS2) / 완성 화면 코드 블럭 1 2 3 4 5 6 자바스크립트 CSS 속성 검색하기 indexOf( ) / search( ) 검색하기 CSS 속성 갯수 : 0개 align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. all : 요소의 속성을 초기화 또는 상속을 설정합니다. animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다. animation-delay : 애니메.. 2023. 3. 23.
반응형

티스토리툴바