99乘法表实验报告
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1705110208 杜志高
运用javascript生成九九乘法表
实验要求：javascript做九九乘法表及网页计算器
实验目的：1.掌握javascript语言的基本概念
2.掌握javascript语言画表格
实验环境：1.IE
2.记事本
实验过程：1.打开记事本
2.输入代码
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<title>Multiply Chart</title>
</head>
<body>
<font size="-1"color="grey">
<script language="Javascript">
var j,i;
for(i=1;i<10;i++){
for(j=1;j<=i;j++){
document.write(j+" * "+i+" = "+i*j);
if (i*j<10) {
document.write(" ");
}
document.write(" ");
}
document.write("<br />");
}
</script>
</font>
</body>
</html>
--------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>计算器</title>
<script language="javascript" type="text/javascript">
var clearFlag=false;
function getNum(num){
var objresult=document.getElementById("result");
if(clearFlag){
objresult.value="";
clearFlag=false;
}
objresult.value+=num;
}
function getResult(){
var objresult=document.getElementById("result");
objresult.value=objresult.value+"="+eval(objresult.value);
clearFlag=true;
}
</script>
<style type="text/css">
td
{
font-family:@Adobe 黑体 Std R;
color:white;
background-color:#00FFFF;
font-size:large;
}
</style>
</head>
<body>
<table width="20%" height="60%" border="white" cellpadding="3" >
<tr>
<td colspan="4"><input type="text" name="result" id="result" size="33"></td> </tr>
<tr>
<td width="56"><input type="button" style="background:#AEEEEE;" value=" 1 " onclick="getNum(1)"></td>
<td width="56"><input type="button" style="background:#AEEEEE;" value=" 2 " onclick="getNum(2)"></td>
<td width="51"><input type="button" style="background:#AEEEEE;" value=" 3 " onclick="getNum(3)"></td>
<td width="58"><input type="button" style="background:#AEEEEE;" value=" + " onclick="getNum('+')"></td>
<tr>
<td><input type="button" style="background:#AEEEEE;" value=" 4 " onclick="getNum(4)"></td>
<td><input type="button" style="background:#AEEEEE;" value=" 5 " onclick="getNum(5)"></td>
<td><input type="button" style="background:#AEEEEE;" value=" 6 " onclick="getNum(6)"></td>
<td><input type="button" style="background:#AEEEEE;" value=" - " onclick="getNum('-')"></td>
</tr>
<tr>
<td><input type="button" style="background:#AEEEEE;" value=" 7 " onclick="getNum(7)"></td>
<td><input type="button" style="background:#AEEEEE;" value=" 8 " onclick="getNum(8)"></td>
<td><input type="button" style="background:#AEEEEE;" value=" 9 " onclick="getNum(9)"></td>
<td><input type="button" style="background:#AEEEEE;" value=" * " onclick="getNum('*')"></td>
</tr>
<tr>
<td><input type="button" style="background:#AEEEEE;" value=" 0 " onclick="getNum(0)"></td>
<td><input type="button" style="background:#AEEEEE;" value=" . " onclick="getNum('.')"></td>
<td><input type="button" style="background:#AEEEEE;" value=" = " onclick="getResult()"></td>
<td><input type="button" style="background:#AEEEEE;" value=" ÷ " onclick="getNum('/')"></td>
</tr>
</table>
</body>
</html>
3.打开游览器进行游览
实验小结：实验过程比较顺利，按照老师给的实验指导书一步一步进行，当中
和指导书不一样的地方，通过自己的观察和同学讨论都得到解决。
这次实验比较成功,使自己对JavaScript有了初步的了解，希望以后在每次实验中能够完成实验，并且学到一些东西。