▶ 커피명 입력후 값 출력 > SCRIPT

• 목록

<script type="text/javascript">

var price=0;

function order(){

var coffee=document.getElementById("c_name").value;

alert(coffee);

switch(coffee){

case "밀크" : price= 2000; break;

case "에스프레소" : price= 3000; break;

default : price= 0;

}

document.getElementById("v_name").value = coffee;

document.getElementById("prices").value = price;

}

</script>

<h2>메뉴 : 밀크:2000원, 에스프레소:3000원</h2>

커피를 주문하세요 : 

<input type="text" id="c_name"  value="밀크">

<input type="button" value="확인" onclick="order()">

<br><br>

주문하신 커피는 : <input type="text" id="v_name" value="">

<br><br>

가격은 : <input type="text" id="prices" size=10>원 입니다.