100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 用html+js+css实现计算器功能的简单方法

用html+js+css实现计算器功能的简单方法

时间:2021-02-01 01:47:47

相关推荐

用html+js+css实现计算器功能的简单方法

web前端|js教程

html+js+css,javascript,css

web前端-js教程

迈克源码,vscode怎么打火,ubuntu 配置文件保存,tomcat 网马,sqlite控制版本,微信免验证登陆插件,web前端页面框架代码,爬虫绕过阿里waf,php函数自定义,山西SEO优化简历,文章微信网站源码,易语言网页登陆教程,织梦宽屏大气模板下载,html休闲网注册页面,档案文档管理系统源码,一元买程序源码lzw

html+js+css实现计算器功能

caculator

vb获取源码,vscode格式化设置,ubuntu zip加密,jsf1.2 tomcat,爬虫如何应用,php 数组 增加元素,贵阳seo如何进行优化,织梦网站源码如何静态,医药公司网站模板lzw

在线获取网站访客的qq号码源码,ubuntu手动挂载光盘,tomcat8 配置服务,爬虫概念课程,游戏陪玩php源码,牛人seolzw

a.css

body,html,.key{margin: 0px;padding: 0px;}#main{ margin-left: 35%; }.jieguo input{ width: 400px; height: 40px; top: 500px; text-align: center; border-radius: 8px; text-align: center;}.keys{ margin-left: 0; width: 400px;} .key1 input{ width: 100px; height: 50px; float: left; margin-left: 0px; background-color: #AAAAAA; border:1px solid black;}.key2 input{ width: 100px; height: 50px; float: left; margin-left: 0px; background-color: #DDDDDD; border:1px solid black;}.key3 input{ width: 100px; height: 50px; float: left; padding: 0px,auto; background-color: #DDDDDD; border:1px solid black;}.key4 input{ width: 100px; height: 50px; float: left; margin-left: 0px; background-color: #DDDDDD; border:1px solid black;}.key5 input{ width: 200px; height: 50px; background-color: #DDDDDD; float: left; margin-left: 0px; border:1px solid black;}

b.js

var numresult; var str; var input ;function onclicknum(nums) { input = document.getElementById("screenname");input.value= input.value + nums; } function onclickclear() {input = document.getElementById("screenname");input.value= ""; } function onclickresult() {input = document.getElementById("screenname");numresult = eval(input.value);input.value= numresult; } function onclickback() { input = document.getElementById("screenname");str=input.value.substring(0,input.value.length-1); document.getElementById("screenname").value=str;}

下面放两张例子图

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。