js 简单的计算器

最新推荐文章于 2022-03-13 22:00:42 发布
最新推荐文章于 2022-03-13 22:00:42 发布
阅读量141 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KkaBum/article/details/100986850
版权
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <script type="text/javascript">
  7.         window.onload = function(){
  8.             var input01 = document.getElementById("input01");
  9.             var input02 = document.getElementById("input02");
  10.             var ofuhao = document.getElementById("fuhao");
  11.             var oBtn = document.getElementById("btn");
  12.             oBtn.onclick = function(){
  13.                 var c = input01.value;
  14.                 var d = input02.value;
  15.                 var fuhao = ofuhao.value;
  16.                 if (c=="" || d==""){
  17.                     alert("输入框不能为空");
  18.                     return;
  19.                 }
  20.                 
  21.                 if(isNaN(c) || isNaN(d)){
  22.                     alert("请输入数字");
  23.                     return;
  24.                 }
  25.                 switch(fuhao){
  26.                     case "0":
  27.                     alert((parseInt(c)*100+parseInt(d)*100)/100);
  28.                     break;
  29.                     case "1":
  30.                     alert((parseInt(c)*100-parseInt(d)*100)/100);
  31.                     break;
  32.                     case "2":
  33.                     alert((parseInt(c)*100*parseInt(d)*100)/10000);
  34.                     break;
  35.                     case "3":
  36.                     alert((parseInt(c)*100/parseInt(d)*100)/10000);
  37.                     break;
  38.                 }
  39.             }
  40.         
  41.         }
  42.     </script>
  43. </head>
  44. <body>
  45.     <input id = "input01" type="text" name="">
  46.     <select id="fuhao">
  47.         <option value="0">+</option>
  48.         <option value="1">-</option>
  49.         <option value="2">*</option>
  50.         <option value="3">/</option>
  51.     </select>
  52.     <input  id = "input02" type="text" name="">
  53.     <input  id = "btn" type="button" name="" value="计算">
  54. </body>
  55. </html>
KkaBum
关注
javascript简易计算器代码,用js做一个计算器代码
chatgpt001的博客
11-14 2190
大家好，小编来为大家解答以下问题，利用javascript制作简单的计算器，javascript简易计算器代码，今天让我们一起来看看吧！
用javascript制作简易计算器,js制作一个简易计算器
最新发布
2301_79533350的博客
10-25 1728
大家好，给大家分享一下怎么用javascript做一个简单的计算器，很多人还不知道这一点。下面详细解释一下。现在让我们来看看！通过js实现一个可以完成加减乘除的简易计算器。
js(javascript)编写的计算器
06-03
用javascript编写的一个计算器 实现行为与结构的分离，页面的XHTML文件中不出现事件响应句柄（即onclick等），全部计算在JavaScript文件(.js)中完成
javascript 简单的计算器
weixin_34267123的博客
05-25 87
&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="jisuanqi.WebForm1" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
JS版计算器
zshaodan092011的专栏
04-16 574
网页计算器                             var t;           t = self.setInterval("ShowTime()", 10);           var Exp = "";           function ShowTime() {               var Today = new Date(); //这条语句要
Javascript写简易计算器
粥要熬。
05-05 862
代码如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简易计算器</title> <style type="text/css"> *{ margin:0; padding: 0; } .c
计算器
qq_41907780的博客
04-14 215
用javascript来做一个计算器&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;简易计算器&lt;/title&gt;    &lt;script type="text/javascript"&a
JavaScript简易计算器制作
10-15
JavaScript简易计算器制作是一个基础的前端开发实践项目，它涉及到HTML、CSS和JavaScript的结合使用，以实现简单的数学运算。在这个项目中，我们将学习如何利用JavaScript处理用户交互，并进行基本的算术运算。 ...
javascript实现简易计算器的代码
10-22
在本文中，我们将深入探讨如何使用JavaScript实现一个简易计算器。这个计算器可以进行基本的加、减、乘、除运算，并具备清零、退格和等于功能。以下是对代码的详细解释： 首先，我们需要一个HTML结构来展示计算器的...
JavaScript实现简易计算器
呜呜呜，好难好难
03-13 4832
简易计算器 利用JavaScript语言，综合使用分支结构、循环结构、函数实现简易计算器功能。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
javascript 写的计算器
05-10
用javascript写的,功能一般,纯属个人练习,供参考,见笑
HTML CSS, JavaScript 计算器
weixin_30481087的博客
09-14 154
效果图： 　　 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ...
Js 简单计算器
飞鸟96
09-21 333
html> html lang="en"> head> meta charset="UTF-8"> title>简单计算器title> head> body> input type="text" id="a" value="1"/> select name="select"> option value="1">+option> opt
HTML网页之计算器代码
weixin_33973600的博客
03-06 892
计算器网页效果显示：点击这里！ <script> function show(){ var date = new Date(); //日期对象 var now = ""; now = date.getFullYear()+"年"; //读英文就行了 now = now + (date.getMonth()+1)+"月"; //...
web前端入门到实战：javscript函数的运用
软件开发-前端开发-IT
09-10 436
函数，一段能够自动完成某些功能的代码块，函数的出现，既解决了重复使用重一功能的需求，又可以避免代码的臃肿性。使用函数有两个要求：必须调用后才可以执行;函数名不要和关键字以及系统函数相同; 函数主要有三种，直接调用，参数传递，返回值。 1、直接调用： <!DOCTYPE html> <html lang="en"> <head> <meta char...
机试html+js简易计算器
学如逆水行舟，不进则退
10-14 822
"http://www.w3.org/TR/html4/strict.dtd">           demo-cal               * {         margin:0;         padding:0;       }       table {         width:500px;         margin:0 aut
简易计算器
酷小亚
12-05 130
单击“加、减、乘、除”四个按钮，分别进行相应的运算，同时在弹出框里显示相应的运算结果。 代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript"> ...
09变量命名规则
wwwshengbo的博客
01-11 134
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"/&gt; &lt;title&gt; &lt;/title&gt; &lt;script type="text/javascript"&gt;   &lt;!-- --&gt; &lt;/
JS实现简单计算器
李金华的博客
08-04 1203
效果如上图： CSS代码： HTML 代码： JS代码：         var sNum1='';//储存         var sOpr='';         var bNeedClear=false;    //是否需要清除输入框中已有的内容        //计算函数传参 输入得数字 和 运算符号         function cal
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值