求根计算机在线,jQuery实现的简单在线计算器功能

本文实例讲述了jQuery实现的简单在线计算器功能。分享给大家供大家参考，具体如下：

先来看看运行效果图：

完整代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

jQuery计算器

.div{

border:green 1px;

border-style:solid;

width:300px;

text-align:center;

}

span{

background-color:#CCCCCC;

font-size:32px;

font-family:"微软雅黑";

}

.input{

border: 1px solid #6666FF;

}

-->

border:green 1px;

border-style:solid;

width:300px;

text-align:center;

}

span{

background-color:#CCCCCC;

font-size:32px;

font-family:"微软雅黑";

}

.input{

border: 1px solid #6666FF;

}

$(document).ready(function() {//传说中的ready

$("form div input:text").addClass("input");//找到form里面div包含的input标签类型为text的元素 jQuery强悍

var num1,num2;

$("#jia").click(function() {

num1=parseFloat($("#num1").val());

num2=parseFloat($("#num2").val());

$("#reset").val(num1+num2);

});

$("#jian").click(function() {

num1=parseFloat($("#num1").val());

num2=parseFloat($("#num2").val());

$("#reset").val(num1-num2);

});

$("#cheng").click(function() {

num1=parseFloat($("#num1").val());

num2=parseFloat($("#num2").val());

$("#reset").val(num1*num2);

});

$("#chu").click(function() {

num1=parseFloat($("#num1").val());

num2=parseFloat($("#num2").val());

$("#reset").val(num1/num2);

});

// -->

jQuery简单计算器

第一个数:

第二个数:

结果:

PS：这里再为大家推荐几款在线计算工具供大家参考使用：

在线一元函数(方程)求解计算工具：http://tools.ddpool.cn/jisuanqi/equ_jisuanqi

科学计算器在线使用_高级计算器在线计算：http://tools.ddpool.cn/jisuanqi/jsqkexue

在线计算器_标准计算器：http://tools.ddpool.cn/jisuanqi/jsq

希望本文所述对大家jQuery程序设计有所帮助。

求根计算机在线,jQuery实现的简单在线计算器功能相关推荐

java实现歌词滚动,jQuery实现的简单歌词滚动功能示例
本文实例讲述了jQuery实现的简单歌词滚动功能.分享给大家供大家参考,具体如下: jquery实现歌词滚动 1.css /* CSS Document */ * { margin: 0; paddi ...
给定两个整数，例如4和5，实现简单的计算器功能，即求出他们的和，差、积、商、余数。
给定两个整数,例如4和5,实现简单的计算器功能,即求出他们的和,差.积.商.余数. #include<stdio.h> int main() {int IOperator,rOperato ...
php四则运算出题器_PHP实现的简单四则运算计算器功能示例
本文实例讲述了PHP实现的简单四则运算计算器功能.分享给大家供大家参考,具体如下: php实现一个简单的四则运算计算器(还不支持括号的优先级).利用栈这种数据结构来计算表达式很赞. 这里可以使用栈的结 ...
C语言编程实现简单的计算器功能
编程实现简单的计算器功能,要求用户按如下格式从键盘输入算式: 操作数1 运算符op 操作数2 计算并输出表达式的值,其中算术运算符包括:加(+).减(-).乘().除(/).^(次幂). 要求使其能进 ...
android实现计算器功能吗,利用Android实现一个简单的计算器功能
利用Android实现一个简单的计算器功能发布时间:2020-11-20 16:25:01 来源:亿速云阅读:90 作者:Leah 今天就跟大家聊聊有关利用Android实现一个简单的计算器功能, ...
编写简单的计算器功能的程序
使用switch语句实现简单的加减乘除具体代码如下: #include<stdio.h> int main() {int date1, date2; char op;printf(&qu ...
Android实现简单的计算器功能
Android实现简单的计算器功能 **前言:**通过Android实现简单的计算器功能,实现简单的加.减.乘.除操作. 效果图如下: 第一步布局文件:activity_main.xml <? ...
android计算器功能实现,在android中利用 studio实现一个简单的计算器功能
在android中利用 studio实现一个简单的计算器功能发布时间:2020-11-07 15:35:20 来源:亿速云阅读:168 作者:Leah 这篇文章将为大家详细讲解有关在android ...
编程实现简单的计算器功能(swich)
编程实现简单的计算器功能,要求用户按如下格式从键盘输入算式: 操作数1 运算符op 操作数2 计算并输出表达式的值,其中运算符为:加( + ).减( - ),乘( * ).除( / ) 用 ...

求根计算机在线,jQuery实现的简单在线计算器功能

求根计算机在线,jQuery实现的简单在线计算器功能相关推荐

最新文章

热门文章