用javascript模拟实现计算器

贪吃ღ大魔王

于 2021-04-07 19:04:37 发布

阅读量186

点赞数 1

分类专栏：拓展文章标签： html5 css css3 html javascript

本文链接：https://blog.csdn.net/weixin_44070254/article/details/115493130

版权

这篇博客介绍了如何使用javascript来模拟实现一个计算器，包括数字录入、四则运算、小数点、正负号、退位和清屏功能。文章强调了自定义函数、事件处理和异常处理在实现过程中的应用，以及通过这个项目来提升编程思维和问题解决能力。

摘要由CSDN通过智能技术生成

用javascript模拟实现计算器

功能:

实现单击按钮录入数字
实现基础四则运算功能，并添加必要的异常处理。
实现小数点功能并添加异常处理：小数点只能出现一次
实现正负号功能
实现退位功能，已经是最后一位时，显示框显示为0
AC清屏功能
使用的知识点:

利用大量的自定义函数实现业务逻辑
灵活运用事件及事件处理
培养异常处理的编程方法
培养并实践利用不同思路实现编程
综合练习的目的:

将css,html和js有效的进行技术组合，实现业务功能
锻炼和培养编程思想，解决问题的能力和方法
锻炼和培养利用多种编程思路，完成预先设定的目标
而且最近刚上手js，感觉特别有趣，学习java基础的时候没有那么大的兴趣。感觉刚一上手js感觉特别好玩有趣，在这里把一个简单的计算器源码展示出来：

<!DOCTYPE html>
<html>
<head>
	<title>js计算器</title>
<link rel="stylesheet" type="text/css"href="index.css">
<script type="text/javascript" src="index.js">
</script>
</head>
<body onload="init()">
	<!-- 1个文本框10个数字....20个按钮 -->
<div id="div1">
	<form action="">
	<div id="div2">
		<input type="text" name="num" disabled="disabled" id="num" value="0">
	</div>
	</form>
	<div id="div3">
		<input type="button" name="" value="C" id=