HTML+CSS(실습)

2023-04-12(수) 체크박스 실습(getElementsByClassName)

박성하하 2023. 4. 12. 13:55
728x90
반응형

1. input(checkbox) 에 class는 공통값 value는 다르게 설정

2. trip배열에 이름과 가격 추가

3. 금액확인 버튼클릭시 myFunc()함수작동

4. checked로 체크박스의 체크 확인 후 체크된 부분의 price를 total(총 가격)값에 추가

5. 총 가격span을 innerHTML로 total값입력(출력)

6. 총 가격 표기 후 total을 0으로 리셋하여 다른 체크박스를 눌러 값을 확인해도 중첩되지 않도록 설정

728x90
반응형