เป็น โจทย์ข้อสอบสมัครงาน ที่เพิ่มไว้ใน Thaicreate โดยคุณ Black Megic ซึ่งมีเงื่อนไขดังต่อไปนี้
ซึ่งผมได้นำโค้ดที่คุณ Black Megic เขียนไว้มาปรับเปลี่ยนซึ่งอาจจะไม่เกี่ยวกับ ATM สักเท่าไหร่ เพราะผมลอง ทอนเป็นเหรียญ ไว้ด้วย และขอเก็บไว้เป็นความรู้ ตามโค้ดด้านล่างครับ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ATM FROM MR.Black Magic</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://www.decorplanit.com/plugin/autoNumeric-1.7.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#balance').autoNumeric();
$('#process').live('click',function(){
var account = '';
var balance = $('#balance').autoNumericGet();
if(balance > 0){
if(balance<=23000){
$.each([1000, 500, 100, 50, 10, 5, 1, 0.50, 0.25], function(index, value) {
bank = Math.floor(balance/value);
balance = balance-(bank*value);
if(value < 50){
switch(value){
case 0.50 :
account += 'เหรียญ 50 สตางค์ : '+bank+' เหรียญ <br />';
break;
case 0.25 :
account += 'เหรียญ 25 สตางค์ : '+bank+' เหรียญ <br />';
break;
default :
account += 'เหรียญ '+value+' บาท : '+bank+' เหรียญ <br />';
break
}
}else{
account += 'แบงค์ '+value+' : '+bank+' ใบ <br />';
}
});
$('#account').html( account );
}else{
$('#balance').focus();
alert('จำนวนเงินของคุณไม่พอ');
}
}else{
alert('คุณยังไม่ได้ใส่จำนวนเงิน');
$('#balance').focus();
}
});
});
</script>
</head>
<body>
<table width="300" border="0">
<tr>
<td><input type="input" id="balance">
<input type="button" value="ยืนยัน" id="process"></td>
</tr>
<tr>
<td><div id="account"></div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
ให้เขียนโปรแกรมตู้ ATM ครับ โดยกำหนดให้มีเงินอยู่ในตู้ 23,000 บาท แบ่งเป็น แบงค์ 1,000 แบงค์ 500 แบงค์ 100 โดยให้เขียนโปรแกรมเพื่อรับจำนวนเงินที่จะถอน จากนั้นโปรแกรมจะแสดงจำนวนแบงค์ที่ออกมา ซึ่งแบงค์ 1,000 จะออกก่อน แล้วก็แบงค์ 500 100 ตามลำดับ
ซึ่งผมได้นำโค้ดที่คุณ Black Megic เขียนไว้มาปรับเปลี่ยนซึ่งอาจจะไม่เกี่ยวกับ ATM สักเท่าไหร่ เพราะผมลอง ทอนเป็นเหรียญ ไว้ด้วย และขอเก็บไว้เป็นความรู้ ตามโค้ดด้านล่างครับ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ATM FROM MR.Black Magic</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://www.decorplanit.com/plugin/autoNumeric-1.7.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#balance').autoNumeric();
$('#process').live('click',function(){
var account = '';
var balance = $('#balance').autoNumericGet();
if(balance > 0){
if(balance<=23000){
$.each([1000, 500, 100, 50, 10, 5, 1, 0.50, 0.25], function(index, value) {
bank = Math.floor(balance/value);
balance = balance-(bank*value);
if(value < 50){
switch(value){
case 0.50 :
account += 'เหรียญ 50 สตางค์ : '+bank+' เหรียญ <br />';
break;
case 0.25 :
account += 'เหรียญ 25 สตางค์ : '+bank+' เหรียญ <br />';
break;
default :
account += 'เหรียญ '+value+' บาท : '+bank+' เหรียญ <br />';
break
}
}else{
account += 'แบงค์ '+value+' : '+bank+' ใบ <br />';
}
});
$('#account').html( account );
}else{
$('#balance').focus();
alert('จำนวนเงินของคุณไม่พอ');
}
}else{
alert('คุณยังไม่ได้ใส่จำนวนเงิน');
$('#balance').focus();
}
});
});
</script>
</head>
<body>
<table width="300" border="0">
<tr>
<td><input type="input" id="balance">
<input type="button" value="ยืนยัน" id="process"></td>
</tr>
<tr>
<td><div id="account"></div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น