[HTML | JS] 쇼핑몰로 onclick()이벤트와 <input>체크박스 알아보기
IT/WEB개발

[HTML | JS] 쇼핑몰로 onclick()이벤트와 <input>체크박스 알아보기

간단한 쇼핑몰 예제로 onclick()이벤트와 <input type = checkbox> 를 알아보겠습니다.

다음과 같은 화면을 출력 예정

>결과화면 

onclick 이벤트 발생
- 마우스 클릭 시
- 입력 폼에 enter 입력 시

 

onclick 입력 방식
at. [html]
<Element onclick="">


at. [js]
객체.onclick=calculate함수 
function calculate(){ } 이런 식으로 함수를 따로 정의해서 사용하기도 함 (사용법은 다양)

 

checkbox
<input type = "checkbox" value="해당 객체의 값">

코드를 직접 run하시면서 확인해보세요