【JavaScript】javascript的eval函数实现的一个简单计算器

最新推荐文章于 2024-07-23 08:00:00 发布

刺猬学会了

最新推荐文章于 2024-07-23 08:00:00 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/sinat_34880701/article/details/79044603

版权

初学H5，不知道做什么来练手，就做些小工具吧

今天知道一个函数eval()，感觉是神器，不过官方说这个已经很少用到了

用它来做个计算器还是可以的吧~

几个点：

1、画圆圈，border-radius:100%;

2、点击时改变CSS效果，.btnItem:active{}

3、内容换行，word-wrap:break-word;

4、字符串删除，inputtext.substring( 0 , inputtext.length-1 )

5、字符串转数字，parseFloat(textresult)

代码如下，复制粘贴就可以用啦：

<!DOCTYPE html>
<html>
<head>
	<title>计算器！</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
</head>
<style>
html,body{
    width:100%;
    margin:0;
    padding:0;
    font-family:"微软雅黑";
}
.inputShow{
	width:100%;
	height:6rem;
	background-color:#222222;
	color:#FFFFFF;
	word-wrap:break-word;
	overflow-y:scroll;
	font-size:21px;
	letter-spacing:2px;
	margin-top:0.5rem;
}
#ResultShow{
	padding-top:1.5rem;
	margin-right:0.5rem;
	m