<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function money()
{
//문자형이라고 생각하기 값이 입력된것들은 정수화시키기
var money =parseInt(document.getElementById("금액").value);
document.getElementById("total").value=money;
var oback=parseInt(money/500);
var back= parseInt ( money%500 /100) ;
var osip= parseInt ( (money%500)%100 / 50 );
var sip= parseInt ( (money%500)%100%50 / 10);
document.getElementById("오백원").value=oback;
document.getElementById("백원").value=back;
document.getElementById("오십원").value=osip;
document.getElementById("십원").value=sip;
}
</script>
</head>
<body>
<!-- 특정 금액 (10원 ~990원)을 사용자로부터 입력 받아 화폐 단위로 구분하여 출력하는 페이지를 작성한다
화폐 단위는 편의상 오백원 백원 오십원 십원으로 처리한다.
HTML,CSS Javascript를 활용한다
페이지 레이아웃 구성
----------------------------------------
금액 [ ]원
<결과> <취소>
총액 [ ]원
오백원 [ ]개
백원 [ ]개
오십원 [ ]개
십원 [ ]개
------------------------------------------
-->
금액<input type="text" class="money" id="금액" >원<br>
<input type="button" class="btn" value="결과" onclick="money()" >
<input type="reset" class="btn" value="취소">
<br>
총액<input type="text" class="total" id="total" style="width:80px">원<br>
오백원<input type="text" class="total" id="오백원" style="width:40px; margin-left:24px">개<br>
백원<input type="text" class="total" id="백원" style="width:40px; margin-left:40px" >개<br>
오십원<input type="text" class="total" id="오십원" style="width:40px; margin-left:24px" >개<br>
십원<input type="text" class="total" id="십원" style="width:40px; margin-left:40px" >개<br>
</body>
</html>