实现计算器功能

最新推荐文章于 2024-05-25 17:43:40 发布

karry_kobe

最新推荐文章于 2024-05-25 17:43:40 发布

阅读量201

点赞数

分类专栏：前端文章标签： css javascript html es6

本文链接：https://blog.csdn.net/qq_42585876/article/details/109709912

版权

这篇博客详细介绍了如何利用前端技术栈HTML、CSS和JavaScript实现一个具备加减乘除运算功能的计算器。通过阅读，读者可以学习到前端开发中实现基本计算逻辑的方法。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function calc(value){
				var obj = document.getElementById("inp");
				if(value == "="){
					obj.value = eval(obj.value);
				}else{
					obj.value += value;
				}
			}
		</script>
	</head>
	<body>
		<input type="text" id="inp"/>
		<table>
			<tr>
				<td>
					<input type="button" value="1" onclick="calc(this.value)"/>
				</td>
				<td>
					<input type="button" value="2" onclick="calc(this.value)"/>
				</td>
				<td>
					<input type="button" value="3" onclick="calc(this.value)"/>
				</td>
				<td>