利用JavaScript实现加减乘除运算

分享一下我老师大神的人工智能教程。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow

一、问题：利用JavaScript写一个加减乘除运算，输入两个数，判断下拉列框的运算符号，进行相应的运算

二、首先，我利用JavaScript实现简单加法运算，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>实现加法运算</title><style type="text/css">    body{   font-size:12px; } #one,#two{   width:30px;   background-color:#CCCCFF; } #three{   border:none;   background:#CCCCCC; } label{   font-size:12px;   font-weight:bold; }</style><script type="text/javascript">   function addNumber(){       //第一个加数      var a = parseInt(document.getElementById("one").value);      //第二个加数      var b = parseInt(document.getElementById("two").value);      //求和      var c = a + b;      //将结果赋给button中的Value      document.getElementById("three").value = c;      }</script></head><body>   <input type="text" id="one"/>   <label> + </label>   <input type="text" id="two"/>   <label> = </label>   <input type="button" value="?" id="three"  onclick="addNumber()"/></body></html>

三、显示结果如下图所示：

（1）未输入数字时

（2）输入数字后，点击“？”按钮求和

四、由以上加法运算，我想进一步实现加减乘除运算。这个加号就得根据相应的条件，进行改变，并且由符号判断运算，其实现的源码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>实现加减乘除</title><script type="text/javascript">    function operation(){     //第一个数     var oneNumber =  parseInt(document.getElementById("one").value);  alert(oneNumber);    //第二个数  var twoNumber =  parseInt(document.getElementById("two").value);  alert(twoNumber);    //运算符  var calculate = document.getElementById("select").value;  alert(calculate);    //计算结果  var result = parseInt(document.getElementById("select").value);    /**  *计算符号的判断  */  switch(calculate)  {      case'+':result = oneNumber + twoNumber;        break;      case'-':result = oneNumber - twoNumber;        break;      case'*':result = oneNumber * twoNumber;        break;      case'/':result = oneNumber / twoNumber;       break;       default:alert("错误");       break;  } }</script></head><body>   <input type="text" id="one" size="12" style="width:40px; "/>    <select id="select">    <option value="+">+</option>    <option value="-">-</option>    <option value="*">*</option>    <option value="/">/</option> </select>   <input type="text" id="two" size="12" style="width:40px; "/> =   <input type="button" id="three" value="?" style="border:none; background-color:#FFFFFF;" onclick="operation();"/></body></html>

五、结果如下图：

利用JavaScript实现加减乘除运算相关推荐

利用HTML和javaScript实现简单的加减乘除运算
一.计算方式计算过程利用下拉菜单进行选择运算方式,输入方式则是输入到from表单的文本框中,代码分为JavaScriptt部分和HTML部分. 二.代码段 (一)JavaScript部分 <s ...
[基础题]2.（*）利用接口做参数，写个计算器，能完成加减乘除运算。
/*2.(*)利用接口做参数,写个计算器,能完成加减乘除运算. (1)定义一个接口Compute含有一个方法int computer(int n, int m). (2)设计四个类分别实现此接口,完成 ...
利用接口做参数，写个计算器，能完成加减乘除运算。（1）定义一个接口Compute含有一个方法int computer(int n, int m)。（2）设计四个类分
代码 /*第二题:利用接口做参数,写个计算器,能完成加减乘除运算.(1)定义一个接口Compute含有一个方法int computer(int n, int m).(2)设计四个类分别实现此接口,完成 ...
基于JavaScript的简易计算器(可处理连续加减乘除运算)
相信大家对于计算器都并不陌生,很多朋友们一定也能完成简易的可以完成加减乘除运算的计算器的制作,那该怎么把简易的计算器美化并且可以完成连续运算,并且可以完成简单的先乘除后加减的动作呢?接下来我们一起来看 ...
java用流体加减乘除_任意输入两个数,完成加法、减法、乘法、除法运算!(加减乘除运算分别定义四个方法)_学小易找答案...
[简答题]编写程序实现菜单设计 [简答题]一层平面图 [简答题]编写一个程序实现大小写字母转换 [简答题]利用循环语句输出一个五行的等腰三角形,如下图 [简答题]编写一个程序实现交换两个变量的数值. ...
（34）Verilog HDL算术运算：加减乘除运算
(34)Verilog HDL算术运算:加减乘除运算 1.1 目录 1)目录 2)FPGA简介 3)Verilog HDL简介 4)Verilog HDL算术运算:加减乘除运算 5)结语 1.2 FP ...
设计一个计算器，实现0-9数字间的加减乘除运算
设计一个计算器,实现0-9数字间的加减乘除运算设计一个计算器,实现0-9数字间的加减乘除运算提示: (1)采用JavaScript定义加减乘除方法: (2)通过document.getElemen ...
位运算实现加减乘除运算
我们知道,计算机最基本的操作单元是字节(byte),一个字节由8个位(bit)组成,一个位只能存储一个0或1,其实也就是高低电平.无论多么复杂的逻辑.庞大的数据.酷炫的界面,最终体现在计算机最底层都只 ...
定点数和浮点数加减乘除运算详解【计算机组成原理】---真的建议收藏啊！！！
前言: 你知道计算机内部是如何进行加减运算的吗?可能你知道,那你知道计算机内部是如何进行乘除法运算的呢?肯定和我们十进制运算是不一样的.当我查找资料的时候,发现除了书本很少有这样的知识点.所以我想和大 ...

利用JavaScript实现加减乘除运算

利用JavaScript实现加减乘除运算相关推荐

最新文章

热门文章