阶段二网页搭建入门之javaScript与前端案例案例：仿计算器

最新推荐文章于 2022-07-05 15:27:05 发布

nainai角兽

最新推荐文章于 2022-07-05 15:27:05 发布

阅读量154

点赞数

分类专栏：阶段二 web入门文章标签： html css web

本文链接：https://blog.csdn.net/m0_46625594/article/details/108121635

版权

效果图

在这里插入图片描述

案例简介及代码结构搭建

*名称：仿windows计算器
*功能：

1、实现单击按钮录入数字
2、实现基础四则运算功能，并添加必要的异常处理，例如，除数为零
3、实现小数点功能并添加异常处理：小数点只能出现一次
4、实现正负号功能
5、实现退位功能，已经是最后一位时，显示框显示为零
6、清屏功能
*使用的知识点:
1、利用大量的自定义函数实现业务逻辑
2、灵活运用事件及事件处理
3、培养异常处理的编程方法
4、培养并实践利用不同思路实现编程
*综合练习的目的：
1、将css、html和js有效的进行技术组合，实现业务功能
2、锻炼和培养编程思想，解决问题的能力和方法
3、锻炼和培养利用多种编程思路，完成预先设定的目标

html

<!DOCTYPE html>
<html>
<head>
	<title></title>
  <link rel="stylesheet" type="text/css" href="calc.css">
  <script type="text/javascript" src="calc.js"></script>
  <script type="text/javascript" src="js/mooc.js"></script>
</head>
<!-- 页面加载，初始化 -->
<body onload="init(),init_mooc()">
 	<div id="div1">    
 		<div id="div2">
 			<input type="text" name="num" id="num" />
 		</div>
 	    <div id="div3">
 			<input type="button" value="c" name="" id=""/>
 			<input type="button" value="←" name="" id=""/>
 			<input type="button" value="+/-" name="" id=""/>
 			<input type="button" value="/" name="" id=""/>

最低0.47元/天解锁文章

nainai角兽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
阶段二网页搭建入门之javaScript与前端案例案例：仿计算器

*************************************************************名称：仿windows计算器*功能：* 1、实现单击按钮录入数字* 2、实现基础四则运算功能，并添加必要的异常处理，例如，除数为零* 3、实现小数点功能并添加异常处理：小数点只能出现一次* 4、实现正负号功能* 5、实现退位功能，已经是最后一位时，显示框显示为零* 6、清屏功能*使用的知识点:* 1、利用大量的自定义函数实现业务逻辑* 2、灵活运用事件及事件处理*
复制链接

扫一扫