<html>
<head>
<title>Calculater</title>
<script language="javascript">
function Calc(Val)
{
if(Val != "=")
document.form.txtVal.value = document.form.txtVal.value + Val;
else
document.form.txtVal.value = eval(document.form.txtVal.value);
}
</script>
<link rel="stylesheet" type="text/css" href="Css/cascading.css">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body class="back">
<form name="form">
<div class="control">
<table border="0" height="300px" width="300px" align="center" class="forming" id="xoxo" >
<tr>
<td><input type="reset" name="button" value="C" class="btn btn-danger"></td>
<td colspan="3"><input type="text" name="txtVal" class="form-control" placeholder="0"></td>
</tr>
<tr>
<td><input type="button" value="7" class="btn btn-primary" onclick="Calc(7);"></td>
<td><input type="button" value="8" class="btn btn-primary" onclick="Calc(8);"></td>
<td><input type="button" value="9" class="btn btn-primary" onclick="Calc(9);"></td>
<td><input type="button" value="+" class="btn btn-info" onclick="Calc('+');"></td>
</tr>
<tr>
<td><input type="button" value="4" class="btn btn-primary" onclick="Calc(4);"></td>
<td><input type="button" value="5" class="btn btn-primary" onclick="Calc(5);"></td>
<td><input type="button" value="6" class="btn btn-primary" onclick="Calc(6);"></td>
<td><input type="button" value="-" class="btn btn-info" onclick="Calc('-');"></td>
</tr>
<tr>
<td><input type="button" value="1" class="btn btn-primary" onclick="Calc(1);"></td>
<td><input type="button" value="2" class="btn btn-primary" onclick="Calc(2);"></td>
<td><input type="button" value="3" class="btn btn-primary" onclick="Calc(3);"></td>
<td><input type="button" value="X" class="btn btn-info" onclick="Calc('*');"></td>
</tr>
<tr>
<td><input type="button" value="0" class="btn btn-primary" onclick="Calc(0);"></td>
<td><input type="button" value="." class="btn btn-primary" onclick="Calc('.');"></td>
<td><input type="button" value="=" class="btn btn-warning" onclick="Calc('=');"></td>
<td><input type="button" value="/" class="btn btn-info" onclick="Calc('/');"></td>
</tr>
</table>
</div>
</form>
</body>
</html>
Calculator Using JavaScript and Bootstrap.zip
192 浏览量
2023-11-08
19:37:36
上传
评论
收藏 57KB ZIP 举报
sanbaofengs
- 粉丝: 507
- 资源: 711
最新资源
- 人脸检测-使用OpenCV实现的动漫+漫画人脸检测算法-附项目源码-优质项目实战.zip
- 道路贴图,材质材料免费
- 58234458141025
- 人脸检测-基于OpenCV+Node.js+WebSockets实现的实时人脸检测应用-附项目源码-优质项目实战.zip
- 一些常见的MySQL死锁案例-mysql-deadlocks-master(源代码+案例+图解说明)
- UE4动画烘焙器-ue4.27
- 新建文件夹.zip
- 1103a2a791bbd96ea98021062e327495b1c422e32fb27e0c2d6404b1bd74b692.gif
- 同城相亲交友php小程序
- stm32f103实现的按键FIFO
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈