파일 목록
-
📁 이후
-
📁 jquery
-
📁 js
- ex10-1.html
- ex10-2.html
- ex10-5.html
- ex8-11.html
- Ex8-4.html
- Example8-2.html
- example9-18.html
- example9-19.html
- Examplt8-3.html
- exapmle9-21.html
- practic9-4.html
- practice 9-6.html
- practice8-1-3.html
- practice8-2.html
- practice8-3.html
- practice8-5.html
- practice8-6.html
- practice8-7.html
- practice9-1.html
- practice9-5.html
- practice9-8.html
- test6.html
- Test8.html
- test9.html
- test9_10.html
- test9_3.html
- test_9._0.html
- win1_ob2.html
- 챌린지 copy.html
-
- desktop.ini
- ex10-1,2.html
- ex10-3.html
- ex10-5.html
- Title.png
.jpg){kind=link}
.jpg){kind=link}
.jpg){kind=link}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>선택된 물품 계산하기</title>
<script>
let sum = 0;
function calc(cBox) {
if (cBox.checked)
sum += parseInt(cBox.value);
else
sum -= parseInt(cBox.value);
document.getElementById("sumtext").value = sum;
}
</script>
</head>
<body>
<h3>물품을 선택하면 금액이 자동 계산됩니다</h3>
<hr>
<form>
<input type="checkbox" name="cap" value="10000" onclick="calc(this)">모자 1만원
<img src="media/cap.jpg" width="50" height="50">
<input type="checkbox" name="shose" value="30000" onclick="calc(this)">구두 3만원 <img src="media/shoes.jpg"
width="50" height="50">
<input type="checkbox" name="bag" value="80000" onclick="calc(this)">명품가방 8만원<br> <img src="media/handbag.jpg"
width="50" height="50">
지불하실 금액 <input type="text" id="sumtext" value="0">
</form>
</body>
</html>