728x90
반응형
//상품 구매 폼을 만든다.
//품목 리스트에서 품목 선택시 오른쪽칸에 해당 품목의 가격이 자동입력된다.
//수량 입력 후 확인을 누르면 지불할 금액을 출력하는 창츨 띄운다.
//취소를 클릭하면 정말 취소할 것인지 묻는 창을 띄우고 확인을 누르면 폼을 초기화한다.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h2><u>상품 구매</u></h2>
<form name="frm4">
[ 품 목 ] <select name="fru">
<option value="3000" onclick="gwa()">사과
<option value="4500" onclick="gwa()">참외
<option value="6000" onclick="gwa()">키위
<option value="6500" onclick="gwa()">바나나
<option value="1000" onclick="gwa()">오렌지
</select>
<input type="text" size="4" name="price">
[ 수 량 ] <input type="text" size="4" name="gae">
<input type="button" value="확인" onclick="oki()">
<input type="button" value="취소" onclick="can()">
</form>
<script>
function gwa()
{
frm4.price.value=frm4.fru[frm4.fru.selectedIndex].value;
}
function oki()
{
alert(frm4.gae.value+"개 주문하셨습니다.\n 지불할 금액은 "+eval(frm4.price.value*frm4.gae.value)+"원 입니다.");
}
function can()
{
hwak=confirm("정말 취소하시겠습니까?");
if(hwak==true)
{
frm4.reset();
}
}
</script>
</body>
</html>
728x90
반응형