JS网页计算器

博主： literature
发布时间：2023 年 08 月 27 日
220 次浏览
关闭评论
740字数
分类：主机教程

 
 
 
 
 无标题文档

转载请注明原文地址https://www.xxhzm.cn/index.php/archives/9/

最后修改：2023 年 08 月 27 日

如果觉得我的文章对你有用，请随意赞赏

此处评论已关闭

JS网页计算器

literature • 2023 年 08 月 27 日

<pre><code> <!DOCTYPE html>
 <html lang="en">
 <head>
 <metacharset="utf-8">
 <title>无标题文档</title>
 <style>
 *{
 margin:0;
 padding:0
 }
 .cont{
 width:300px;
 height:500px;
 border:2px#000solid;
 padding:20px;
 margin:0auto
 }
 #jieguo{
 width:300px;
 height:40px;
 border:2px#000solid;
 margin-bottom:20px;
 font-size:24px
 }
 #btninput{
 width:75px;
 height:35px;
 margin:5px9px;
 border-radius:3px;
 border:1px#333solid
 }
 #btn{
 margin-bottom:20px
 }
 #qingchu,
 #deng{
 width:100px;
 height:35px;
 margin:5px7px;
 background:#B5EFEA;
 border:1px#173DB7solid;
 border-radius:3px
 }
 </style>
 <script>
 window.onload=function(){
 varjieguo=document.getElementById('jieguo')
 varinput=document.getElementById('btn').getElementsByTagName('input')//群组
 varqingchu=document.getElementById('qingchu')
 vardeng=document.getElementById('deng')
 for(vari=0;i<input.length;i++){
 input[i].onclick=function(){
 jieguo.value=jieguo.value+this.value
 }
 }
 deng.onclick=function(){
 jieguo.value=eval(jieguo.value)
 }
 qingchu.onclick=function(){
 jieguo.value=''
 }
 }
 </script>
 </head>
 <body>
 <divclass="cont">
 <divclass="top">
 <input type="text"id="jieguo">
 </div>
 <divid="btn">
 <input type="button"value="0">
 <input type="button"value="1">
 <input type="button"value="2">
 <input type="button"value="3">
 <input type="button"value="4">
 <input type="button"value="5">
 <input type="button"value="6">
 <input type="button"value="7">
 <input type="button"value="8">
 <input type="button"value="9">
 <input type="button"value="+">
 <input type="button"value="-">
 <input type="button"value="*">
 <input type="button"value="/">
 <input type="button"value="(">
 <input type="button"value=")">
 </div>
 <input type="button"id="qingchu"value="清除">
 <input type="button"id="deng"value="=">
 </div>
 </body>
 </html>
</code></pre><p>转载请注明原文地址https://www.xxhzm.cn/index.php/archives/9/</p>

JS网页计算器

live/msn等微软绝版邮箱详细的注册教程

欢迎使用 Typecho

一个功能强大又好用的RSS订阅器：FreshRSS安装教程

使用Aria2下载BT磁力的时候，速度慢或者没速度的解决方法

VPS使用BaiduPCS-Go高速下载百度网盘的文件，支持上传/离线下载等操作

Docker 清理命令

一个基于新浪的图床：Atc图床程序，支持QQ截图后直接粘贴上传

PHP面向对象编程

Redis分布式锁 — 五种演进方案

NOIP初赛知识点总结

JS网页计算器