js脚本和html写的简易计算器

最新推荐文章于 2022-08-18 16:37:09 发布
最新推荐文章于 2022-08-18 16:37:09 发布
阅读量483 收藏
点赞数 1
文章标签： js html 计算器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KK_010x/article/details/100564587
版权

js脚本写的简易计算器

    简单的做了个计算器，没有实现太多的功能，单纯的计算加减乘除，以及在“=”得出结果之后输入运算符号接着运算，数字就开始新的运算。这篇文章是我开始写的第一篇，献给那些刚刚入门的，希望可以对你们有些帮助。代码可以拿来直接用。
    下面是做出来的效果图，比较简陋：
    ![计算器页面](https://img-blog.csdnimg.cn/20190905183525340.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tLXzAxMHg=,size_16,color_FFFFFF,t_70)
    html代码：
    <!DOCTYPE html>
计算器
789/
456*
123-
0.+=
css代码： input{ width:400px; height:80px; font-size: 50px; } td{ font-size: 50px; text-align: center; cursor: pointer; } td:active{ background-color: bisque; } 
  js代码：
  var s="";

function showNumber(m){
del(m);
s=s+m;
document.getElementById(“txt”).value=s;
}
function getRes(){
var res=eval(s);
s=s+"="+res;
document.getElementById(“txt”).value=s;
}
function del(m){
if(s.indexOf("=")>=0){
if(m=="+"||m=="-"||m=="*"||m=="/"){
s=s.substring(s.indexOf("=")+1);
}
else{
s="";
}
}
}

希望可以对刚刚入门的你有些帮助。

珂珂糖果梦
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html计算器的基本功能实现,javascript实现简易计算器功能
weixin_29550949的博客
06-09 1099
本文实例为大家分享了javascript实现简易计算器的具体代码，供大家参考，具体内容如下功能：1、实现单击数字按钮输入数字2、实现基础四则运算功能，并添加必要的异常处理，例如：除数不能为零3、实现小数点添加功能，并添加异常处理，小数点只能出现一次4、实现正负号功能5、实现回退功能，已经是最后一位时，显示框显示为零6、清屏功能使用的知识点：1、利用大量的自定义函数实现业务逻辑2、灵活运用事件及事件...
用 JavaScript 和 HTML 制作一个计算器
pydby01的博客
12-17 4213
引言 这是一篇很棒的文章，在这里你可以学习如何从零做出一款计算器。我们希望你使用 JavaScript 开发并且思考怎么构建一款计算器, 如何编写代码，以及最后，如何整理自己的代码。 在这篇文章结束，你会得到一款和 iPhone 计算器功能一样的计算器（除了 +/- 和百分比功能外）。 前置条件 在你开始本节课程前，请确保你对 JavaScript 有一个不错的了解。最起码，你需要知道以下事情： If/else 分支 For 循环 JavaScript 函数 箭头函数 &am...
利用JavaScript在html页面做一个计算器
qq_33655643的博客
03-31 1万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、html组成二、html和css,js基础知识***1.html******2.css****3.javascript*代码一些细节未解决的bug 前言 提示：这里可以添加本文要记录的大概内容： 提示：以下是本篇文章正文内容，下面案例可供参考 一、html组成 我们所要做的计算器可由两种方式构成 1.可以用table标签和tr，th，td标签构成，然后用css对他们的属性进行操作得到计算器. 2.可以用div容器实现，.
html+css+js实现简易计算器
weixin_45118138的博客
05-02 1万+
使用JavaScript制作一个简单的计算器 直接看效果，这个计算器可以实现简单的加减乘除 1、首先编辑HTML样式，把计算机上的按键全部打印出来 可以显示出以下结果 2、添加css样式 先设置a元素定宽定高，然后左浮动，在微调宽度和高度，使其到达一个合理布局的值 3、编写js代码 写一个for循环，不断接收a点击事件。 编写点击result，点击清零。 3. 点击数字，获取num1和num2的值。 4.获取按键加减乘除，记录下符号 5....
Javascript制作简易计算器并实现其功能
qq_64314976的博客
08-18 5229
使用JS的函数功能，制作一个简易的计算器，包括加、减、乘、除的功能。并使用函数传参的方式完成计算器的功能。输入任意操作数，通过四则运算计算出结果，使用函数传参的方式完成计算器的功能。......
简易版计算器.zip
04-17
JavaScript是浏览器支持的脚本语言，通过在HTML页面中嵌入或链接外部JS文件，可以实现网页的动态效果和用户交互。在这个简易计算器项目中，JavaScript代码将负责处理用户的输入、执行计算逻辑以及更新显示结果。 在...
原生JS简易计算器运算代码.zip
10-08
【标题】"原生JS简易计算器运算代码"指的是一个使用JavaScript编写的基础计算器应用程序。JavaScript是一种广泛用于网页开发的脚本语言，它允许开发者在客户端执行动态功能，如交互式计算。这个项目可能是一个简单的...
小婷简易计算器JS版本1.0v1.0.zip
最新发布
05-09
【标题】中的“小婷简易计算器JS版本1.0v1.0.zip”指的是一个JavaScript实现的简单计算器项目，版本号为1.0v1.0。这个项目可能包含了一个或多个JavaScript文件，用于实现计算器的功能。JavaScript是一种广泛应用于...
基于jQuery/JS的简易网页计算器
11-22
【标题】"基于jQuery/JS的简易网页计算器"揭示了这个项目的核心——使用JavaScript和jQuery技术来实现一个基本的在线计算功能。JavaScript是一种在客户端浏览器上运行的脚本语言，常用于网页交互和动态效果的实现，...
基于angularJs和Bootstrap的简易计算器
08-12
**基于AngularJS和Bootstrap的简易计算器** 在Web开发领域，AngularJS和Bootstrap是两个非常流行的开源框架，它们各自为开发者提供了强大的功能。AngularJS，由Google维护，是一款强大的JavaScript MVC（Model-View...
计算器javascript脚本.html
05-26
用javascript编译的 计算器javascript脚本.html
用JS+HTML实现简单计算机源码
11-09
使用Js控制 实现简单计算机 主要用于获取表单元素的值
网页计算器（javascript脚本）
一个写程序的
04-09 810
var s=""; function add(a)//连接输入字符 { var t; t=a.value; s+=t; cal.sr.value=s; } functio
JavaScript | 简单计算器的实现
吉帅振博客
07-02 536
写在前面：运用js中的一些功能实现计算器加减乘除的功能。主要代码：&lt;body&gt; &lt;input type="text" name="" id="txt-num1" &gt; &lt;select id="sel"&gt; &lt;option value="+"&gt;+&lt;/option&gt;
HTML编辑计算器----运算符连续重复问题
weixin_45429076的博客
11-27 932
HTML编辑计算器----运算符连续重复问题 前言 此方法使用字符串后者替换前者的思想，判断当两个运算符同时出现时，进行字符串的替换！ 一、字符串如何进行特换？ Java charAt() 方法：索引字符 Java substr() 方法： 字符替换 charAt() 方法用于返回指定索引处的字符。索引范围为从 0 到 length() - 1。 具体用法参考：https://www.runoob.com/java/java-string-charat.html substr() 方法可在字符串中抽取从 开
HTML制作一个简易计算器小应用
热门推荐
djz917的博客
06-12 3万+
先展示UI界面先进行逻辑分析1.界面外层长250px，宽600px用来显示计算器主界面分上下结构  上：用来显示数字  1.显示结果                              2.显示输入数字                        下：用来显示按钮  ul li button            依次为  AC  +/-  %  /                    ...
怎么用Unity 脚本 做一个简易的计算器？
05-11
在这个脚本中，我们使用了一个名为displayText的Text对象来显示计算器的输入和结果。我们还定义了num1、num2和operation变量来存储计算器的状态。我们还使用了一个名为isTyping的变量来跟踪用户是否正在输入数字。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值