본문 바로가기
반응형

JavaScript157

주관식 확인하기 유형 퀴즈 이펙트 주관식 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 HTML Quiz 주관식 확인하기 유형 1 2 . 설명 dongjin6539@naver.com HTML 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 구역에 h1 태그를 사용해 알맞은 제목을 입력해줍니다. footer 구역에 a 링크 태그를 사용해 받을 이메일 주소를 링크와 같이 입력해줍니다. main 구역에 각 자식의 자식 태그를 알맞게 만들어주고 각 class 명을 입력해줍니다. 주관식이므로 사용자가 답을 적을 수 있도록 input 태그를 사용해 만들어줍니다. 답에 대한 설명.. 2023. 3. 9.
정답 확인하기 유형 퀴즈 이펙트 정답 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성 화면 HTML Quiz 정답 확인하기 유형 . dongjin6539@naver.com HTML 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 구역에 h1 태그를 사용해 알맞은 제목을 입력해줍니다. footer 구역에 a 링크 태그를 사용해 받을 이메일 주소를 링크와 같이 입력해줍니다. main 구역에 각 자식의 자식 태그를 알맞게 만들어주고 각 class 명을 입력해줍니다. 강아지 이미지는 인터넷을 통해 얻어왔습니다. (참조: https://wsss.tistory.com/913) 위 .. 2023. 3. 8.
데이터 불러오기 데이터 불러오기 자바스크립트에서 데이터를 불러오는 방법은 여러 가지가 있습니다. 1. 변수 : 데이터 불러오기 2. 상수 : 데이터 불러오기 3. 배열 : 데이터 불러오기 4. 객체 : 데이터 불러오기 이러한 데이터 불러오기에도 상세하게 들어가면 수많은 데이터 불러오기가 있습니다. 지금부터 확인해보겠습니다!! 1. 변수 : 데이터 불러오기 변수 안에 저장된 데이터를 불러오는 방법입니다. { let x = 100, y = 200, z = "javascript"; console.log(x, y, z); } 답 확인하기 100, 200, javascript 2. 상수 : 데이터 불러오기 상수 안에 저장된 데이터를 불러오는 방법입니다. { const x = 100, y = 200, z = "javascript".. 2023. 3. 6.
자바스크립트 데이터 이펙트 데이터 이펙트 Quiz 자바스크립트 데이터 이펙트 퀴즈를 풀어보겠습니다. 답 확인하기를 클릭하면 링크에 답이 나옵니다!! 1. 데이터 이펙트 : 1부터 100까지 출력하기(for문 이용) for(let i=1; i 2023. 3. 5.
이미지 유형 페이지 만들어보기!! 이미지 유형 페이지 만들어보기!! 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 푸터 유형 : https://dongjin6539.tistory.com/49 수업 시간의 배운 내용을 사용해서 페이지 하나를 만들어보겠습니다. 아직 부족한 실력이나 열심히 복습해서 만들어봤습니다. 방법은 밑에 적어보겠습니다. 그럼 시작해보겠습니다. 코드 보기 / 완성화면 운동을 .. 2023. 3. 4.
자바스크립트 쪽지 시험(1) 자바스크립트 쪽지 시험(1) 길라잡이 다음의 스크립트를 보고 결과 값을 작성하거나 빈칸을 채우시오. 답은 확인하기를 클릭하면 나옵니다!! 1. 다음의 출력값을 보고 빈칸을 채우시오! { var x = 100; var y = 200; var z = "javascript"; console.log(__); console.log(__); console.log(__); //100 //200 //300 } 답 확인하기 x y x + y 2. 다음의 출력값을 보고 빈칸을 채우시오! { let x = 100; let y = 200; let z = "javascript"; x = ___; y = ___; z = ___; console.log(x); console.log(y); console.log(z); //300 //.. 2023. 3. 3.
반응형

티스토리툴바