html编写一个金额找零的系统,实验二拦截器和类型转换.doc

实 验 报 告

课程名称： java web

实验名称： HTML与JavaScript综合实验

班 级： 计算机09-2班________

学 号： 09034050219_________

姓 名： 何建明_______

实验日期： 2011年10月2日________

实验一： HTML与JavaScript综合实验

实验目标：

掌握HTML和JavaScript的使用。

实验内容：

实现课本第47页的上机习题第1题：

编写一个金额找零系统。用输入框输入一个整数，表示找零的数量，数值在1~100之间，假如系统中有50，20，10，5，1这5种面额的货币，显示每种纸币应该找的数量。如78元应该为：50元1张，20元1张，5元1张，1元3张。

效果如下图所示：

图 2-1 输入界面

图 2-1 结果界面

如果有时间，可以尝试在JSP中使用JAVA语句实现同样的功能，然后比较这两种实现方式有什么不同。

实验报告：

撰写实验报告，并提交相关程序代码：

源代码：

Insert title here

var numEl;

var msgEl;

function fun(){

if (!numEl){

numEl = document.getElementById('num');

}

var money = parseInt(numEl.value);

if(isNaN(money)){

alert('请输入1-100的数值');

numEl.value = '';

numEl.focus();

return;

}else if(money < 1 || money > 100){

alert('请输入1-100的数值');

numEl.focus();

return;

}

var left1 = parseInt(money / 50);

var money1 = money % 50;

var left2 = parseInt(money1 / 20);

var money2 = money % 20;

var left3 = parseInt(money2 / 10);

var money3 = money2 % 10;

var left4 = parseInt(money3 / 5);

var money4 = money3 % 5;

var output = money + "元应该找零为:
" +

"50元" + left1 + "张
" +

"20元" + left2 + "张
" +

"10元" + left3 + "张
" +

"5元" + left4+ "张
" +

"1元" + money4 + "张" ;

if (!msgEl){

msgEl = document.getElementById('msg');

}

msgEl.innerHTML = output;

}

货币找零系统

请输入一个1~100的数值： 元 

页面效果

1.

2.

3.

4.

心得体会：

这个相对比较简单，老师在实验室也一步一步交我们做过，所以之后自己做下来比较轻松。还没有在JSP中使用JAVA语句实现同样的功能，下去后尝试下。