计算器实验报告 1.docx
- 文档编号:17875901
- 上传时间:2023-08-04
- 格式:DOCX
- 页数:15
- 大小:128.21KB
计算器实验报告 1.docx
《计算器实验报告 1.docx》由会员分享,可在线阅读,更多相关《计算器实验报告 1.docx(15页珍藏版)》请在冰点文库上搜索。
计算器实验报告1
HTML网页实验报告
院系:
计算机控制与工程学院
班级:
计124-1
学号:
姓名:
完成日期:
2014年12月18日
一.
实验名称:
设计一个网页计算器
二.需求分析:
计算器是日常生活中十分便捷有效的工具,能实现加、减、
乘、除、开方、求倒数等简单运算的工具。
要实现计算功能,可以用HTML的知识编写程序来解决此问题。
该计算器大大的降低了数字计算的难度及提高了计算的准确度和精确度。
该计算器使用非常简单和方便,对广大学生的学习有巨大帮助作用,也对在职人员的工作有点帮助作用。
三.实验目的:
1.熟悉html5图形用户界面的设计原理和程序结构
2.能设计复核问题要求的图形用户界面程序
3.熟悉javascriptcss、button和table的组合
4.会应用button和table组件进行应用程序设计
四.实验硬件软件环境:
1.Dreamweaver开发环境
五.详细内容:
使用《网页设计与开发》课程讲授内容,编写一个简单的计算器,要求实现如下功能:
1.进行图形界面设计
通过图形界面设计,掌握文本框、标签及按钮的使用方法。
2.实现计算器的基本功能
计算器的设计按软件工程的方法进行,网页具有良好的界面;
必要的交互信息;简约美观的效果。
使用人员能快捷简单地进行操作。
即可单击按钮进行操作,也可直接通过键盘直接输入。
即时准确地获得需要的计算的结果,充分降低了数字计算的难度和节约了时间,对人们的生活有一定的帮助。
包含的功能有:
加、减、乘、除运算,开方、求倒数等功能.计算器的扩展功能
包括乘方、对数、正弦、余弦、正切、余切、反正弦、反余弦、反正切、反余切等功能。
4.计算器工作流程图
六.实验设计:
1、实验算法设计
//JavaScriptDocument
varNUM=1
varendNumber=true
varmem=0
varcarry=10
varhexnum="0123456789abcdef"
varangle="d"
varstack=""
varlevel="0"
varlayer=0
functiondoit(){
document.getElementById("txt1").value=eval(document.getElementById("txt1").value)}
functionadd(obj){if(NUM==1){document.getElementById("txt1").value+=obj.value;}else{clears();NUM=1;document.getElementById("txt1").value+=obj.value;}}
functionresults()
{
varobj=document.getElementById("txt1").value;
if(obj.indexOf("=")<0)
{
NUM=0;if(bic==1)
{
num=document.getElementById("txt1").value;
document.getElementById("txt1").value=Math.pow(Num,num);
bic=0;
}
else
{
document.getElementById("txt1").value=eval(obj);
}
}
}
//角度制和弧度制
functioninputChangAngle(a)
{
endNumber=true
angle=a
if(angle=="d")
document.getElementById("txt1").value=radiansToDegress(document.getElementById("txt1").value)
else
document.getElementById("txt1").value=degressToRadians(document.getElementById("txt1").value)
endNumber=true
}
functiondegressToRadians(degress)
{
return(degress*Math.PI/180)
}
functionradiansToDegress(radians)
{
return(radians*180/Math.PI)}
//+/-
functionchangeSign()
{
if(document.getElementById("txt1").value!
="0")
if(document.getElementById("txt1").value.substr(0,1)=="-")
document.getElementById("txt1").value=document.getElementById("txt1").value.substr
(1)
else
document.getElementById("txt1").value="-"+document.getElementById("txt1").value
}
//ln函数
functionln10(){
document.getElementById("txt1").value=Math.LN10
}
functionclears(){document.getElementById("txt1").value="";
}
functionCos(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.cos(x);}
functionSin(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.sin(x);}
functionTan(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.tan(x);}
functionAtan(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.atan(x);}
functionAcos(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.acos(x);}
functionAsin(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.asin(x);
}
//pi的值
functionpi(){
varx=3.141592653589793;
document.getElementById("txt1").value=x;
}
//E的值
functione(){
varx=2.718281828459045;
document.getElementById("txt1").value=x;
}
functionSqrt(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.sqrt(x);
}
functionPow(){
Num=Number(document.getElementById("txt1").value);
bic=1;
clears();
}
functionSquare(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x*x}
functionnation(){
x=document.getElementById("txt1").value;
y=document.getElementById("txt1").value;
if(x==''||y='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x*y;
}
functionLog(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.log(x);}
functionRound(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=Math.round(x);}
functionRan(){
x=document.getElementById("txt1").value
document.getElementById("txt1").value=Math.random(x);}
functiondel(){
x=document.getElementById("txt1").value
document.getElementById("txt1").value=x.substring(0,document.getElementById("txt1").value.length-1)}
functiontwo(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x/2;
}
functionthree(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x/3;
}
functionfour(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x/4;
}
functionfive(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x/5;
}
functionsix(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x/6;
}
functionseven(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x/7;
}
functionX1(){
x=document.getElementById("txt1").value
if(x==''||x=='0')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=1/x;}
functionX2(){
x=document.getElementById("txt1").value
if(x==''||x=='0')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=2/x;
}
functionX3(){
x=document.getElementById("txt1").value
if(x==''||x=='0')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=3/x;}
functionnine(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x/9;
}
functionten(){
x=document.getElementById("txt1").value
if(x=='')alert('Error:
InputRequired');
elsedocument.getElementById("txt1").value=x/10;
}
functionadddel(){
x=document.getElementById("txt1").value;
if(x.indexOf('-')<0){document.getElementById("txt1").value.indexOf('-')=-x}
elsedocument.getElementById("txt1").value=-x;
adddel();
}
2、实验界面显示设计:
运用