보라코딩

Day54_230315_JS (DOM_선택, 이벤트) 본문

코딩/HTML5, CSS3, JS

Day54_230315_JS (DOM_선택, 이벤트)

new 보라 2023. 3. 15. 18:14

 

DOM 객체 선택

 

 
 
 
체이닝방식도 있다.

 

 
 
 
다양하게 선택하는 방법을 배웠다.

 
 
 
 
 

DOM 인접관계선택자

 

 
 
 
 
 
 
 

마우스이벤트


 
 
 
 
 
 
 

 
이렇게하면 확인된 비밀번호 변경못함

 
 
 
 
여러가지 방법으로 선택 가능!

 
 
 
onsubmit과 onchange를 통해 체크박스 함수 적용 가능

 
 
 
 
 

 

 
 
 
오늘은 이렇게 폼, 이벤트를 이용해서 만들어보았다.
 
 

 

 
 
 
 
 
 

오늘의 실습 ㅎ.ㅎ


 //(실습) 옵션 선택에 따라 차량금액 계산(변경) 처리
      // 기본 차량가액에서 시작해서 옵션금액 변경시마다 더하기, 빼기 처리
      // 체크상태 : 옵션금액 더하기
      // 체크해제 : 옵션금액 빼기

 
 
코드는 내일 공개됩니다...