初学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