이벤트 (어떤 사건, 어떤 변화): 마우스, 키(key), 폼(태그), 로드 등
event: 이벤트 핸들러, 이벤트 콜백
보통 첫번째 파라미터에 e나 event로 입력
웹브라우저에서 event 객체를 만들어서 모든 변화를 감지하고
함수에 전달한다
일반 함수로 사용하는게 아니라 확인용이다
(받은 값을 활용할때 사용)
event로 사용하는 함수에서는 Handler를 많이 붙인다
<script type="text/javascript">
function up() {
var count = document.getElementById("quantity").value;
document.getElementById("quantity").value = parseInt(count) + 1;
}
function down() {
var count = document.getElementById("quantity").value;
if (count != 1) {
document.getElementById("quantity").value = parseInt(count) - 1;
}
}
<body>
갯수<input type="text" name="quantity" id="quantity" value="1">
<button id="up" onclick="up()">+</button>
<button id="down" onclick="down()">-</button>
</body>
onload가 없으면 밑에 있는 body를 읽을수 없어서 작동하지 않는다
(body 밑에 있으면 동작함)
다이렉트로 값을 집어넣는것은 선호하지 않는다
(onclick에 직접 입력 대신 addEventListener 이용)
현업에서는 JQuery를 많이 쓴다
parseInt는 정수(int)로 형변환(소수점 자름)
덕분에 좋은 정보 얻어갑니다, 감사합니다.