목록국비수업/JavaScript (6)
✿∘˚˳°∘°

20230201 약관확인 필수정보입력 상세정보입력 가입완료 이용약관 확인 및 동의 이용약관 전체체크 개인정보 수집 및 이용에 동의 (필수) 수집항목 : 이름, 휴대전화번호, 생년월일, 비밀번호 수집/이용목적 : 회원제 서비스 제공 보유 및 이용기간 : 회원탈퇴 시 까지 개인정보 수집 및 이용에 동의 (선택) 수집항목 : 이름, 휴대전화번호, 생년월일, 비밀번호 수집/이용목적 : 회원제 서비스 제공 보유 및 이용기간 : 회원탈퇴 시 까지 다음 필수정보입력 아이디 비밀번호 비밀번호확인 전체 마진과 패딩을 날려줘서 div영역 밖에 있는 것 */ list-style-type: none; /*float 시 부모요소는 높이를 찾지X overflow:hidden을 넣어줘야함*/ overflow: hidden; } ...

20230131 KH-SHOP ICECREAM 사랑에 빠진 딸기 구성 [베스킨라빈스] 싱글컵 가격 3,000원 적립포인트 0P 선물하기 장바구니 상품정보 이용안내 주의사항 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 상품상세 더보기 이용안내 이용안내 이용안내 이용안내 이용안내 이용안내 주의사항 주의사항 주의사항 주의사항 *{ margin: 0; padding: 0; outline: none; } .header>h1{ background: #d9a7c7; /* fallback for old br..

20230130 1. event 1 - 1 ) 이벤트모델 : 고전이벤트모델 / 인라인이벤트모델 / 표준이벤트모델 이벤트 고전 이벤트 모델 : 요소의 이벤트 속성에 함수를 연결 인라인 이벤트 모델 : 요소작성 시 내부에 작성하는 방식 표준 이벤트 모델 : w3c에서 고익적으로 지정한 이벤트모델 고전이벤트 인라인이벤트1(바로) 인라인이벤트2(함수연결) 표준이벤트모델 비교용 버튼1 비교용 버튼2 //1. 고전이벤트모델 // 해당 dom객체의 이벤트 속성에 함수를 연결 const btn1 = document.querySelector("#btn1"); //해당 요소를 가져와서 btn1.onclick = function(){ //그 요소의 속성(onclick)에 작성 console.log("고전이벤트 동작!"); ..

20230127 1. DOM실습 [ 실습 1 ] 실습1 다음 문제를 보고 요구하는 함수를 작성해주세요. 문제 1. 다음 정보를 본인정보 prompt로 입력받아 수정하세요. 이름 : 김유저 나이 : 20 주소 : 서울 정보수정하기 문제 2. 숫자를 입력하고 결과확인버튼을 누르는경우 홀수인지 짝수인지 구별하고, 숫자가 아닌경우 숫자가 아니라고 결과를 출력 하세요. 결과 : 결과출력공간 숫자 입력 : 결과확인 문제 3. 아래 이미지를 클릭했을 때 angel.png 이미지로 변경해주세요. 문제 4. 아래 영역의 글씨색과 배경색이 동일해서 보이지 않습니다. 글씨색을 navy로 변경해주세요. 수고하셨습니다. 결과확인 const btn1 = document.querySelector("#q1"); btn1.onclic..