计算器实验报告 (1)
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
HTML网页实验报告
院系:计算机控制与工程学院
班级:计124-1
学号:
姓名:
完成日期:2014年12月18日
一.实验名称:设计一个网页计算器
二.需求分析:
计算器是日常生活中十分便捷有效的工具,能实现加、减、乘、除、开方、求倒数等简单运算的工具。要实现计算功能,可以用HTML的知识编写程序来解决此问题。该计算器大大的降低了数字计算的难度及提高了计算的准确度和精确度。该计算器使用非常简单和方便,对广大学生的学习有巨大帮助作用,也对在职人员的工作有点帮助作用。
三.实验目的:
1.熟悉html5图形用户界面的设计原理和程序结构
2.能设计复核问题要求的图形用户界面程序
3.熟悉javascript css、button和table的组合
4.会应用button和table组件进行应用程序设计
四.实验硬件软件环境:
1.Dreamweaver开发环境
五.详细内容:
使用《网页设计与开发》课程讲授内容,编写一个简单的计算器,要求实现如下功能:
1.进行图形界面设计
通过图形界面设计,掌握文本框、标签及按钮的使用方法。
2.实现计算器的基本功能
计算器的设计按软件工程的方法进行,网页具有良好的界面;
必要的交互信息;简约美观的效果。使用人员能快捷简单地进行操作。即可单击按钮进行操作,也可直接通过键盘直接输入。即时准确地获得需要的计算的结果,充分降低了数字计算的难度和节约了时间,对人们的生活有一定的帮助。包含的功能有:加、减、乘、除运算,开方、求倒数等功能.计算器的扩展功能
包括乘方、对数、正弦、余弦、正切、余切、反正弦、反余弦、反正切、反余切等功能。
4.计算器工作流程图
六.实验设计:
1、实验算法设计
// JavaScript Document
var NUM=1
var endNumber=true
var mem=0
var carry=10
var hexnum="0123456789abcdef"
var angle="d"
var stack=""
var level="0"
var layer=0
function doit(){
document.getElementById("txt1").value=eval(document.getElementById("txt 1").value) }
function add(obj){ if(NUM==1) { document.getElementById("txt1").value+=obj.value;}else {clears();NUM=1; document.getElementById("txt1").value+=obj.value;}}
function results()
{
var obj=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);
}
}
}
//角度制和弧度制
function inputChangAngle(a)
{
endNumber=true
angle=a
if (angle=="d")
document.getElementById("txt1").value=radiansToDegress(document.getElem entById("txt1").value)
else
document.getElementById("txt1").value=degressToRadians(document.getElem entById("txt1").value)
endNumber=true
}
function degressToRadians(degress)
{
return(degress*Math.PI/180)
}
function radiansToDegress(radians)
{
return(radians*180/Math.PI) }
//+/-
function changeSign()
{
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函数
function ln10(){
document.getElementById("txt1").value=Math.LN10
}
function clears(){ document.getElementById("txt1").value="";
}
function Cos(){
x=document.getElementById("txt1").value
if(x=='')alert('Error: Input Required');
else document.getElementById("txt1").value=Math.cos(x); }
function Sin(){