JavaScript 如何编写计算器

1、JavaScript制作计算器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>计算器结果显示在后面</title>
        <script type="text/javascript">
            function abc(a,b,c){
                if(b==1){
                    document.form1.number3.value=Number(a)+Number(c);
                    //将传递过来的前两个文本框的数值相加之后传递给第三个文本框中显示
                }
                if(b==2){
                    document.form1.number3.value=a-c;
                }
                if(b==3){
                    document.form1.number3.value=a*c;
                }
                if(b==4){
                    document.form1.number3.value=a%c;
                }
                if(b==5){
                    document.form1.number3.value=a/c;
                }
            }
        </script>
    </head>
    <body>
        <form action="#" method="post" name="form1">
            <input type="text" name="number1" value="请输入一个数字"/>
            <select name="select1" id="">
                <option value="1">+</option>
                <option value="2">-</option>
                <option value="3">*</option>
                <option value="4">%</option>
                <option value="5">/</option>
            </select>
            <input type="text" name="number2" value="请输入一个数字" />
            <input type="button" name="btn" value="等于" onclick="abc(document.form1.number1.value,document.form1.select1.value,document.form1.number2.value)"/>
            <input type="text" name="number3" value="" />
        </form>
    </body>
</html>

原文地址:https://www.cnblogs.com/wangweizhang/p/8318119.html

时间: 2024-11-08 09:14:29

JavaScript 如何编写计算器的相关文章

纯javascript代码编写计算器程序

今天来分享一下用纯javascript代码编写的一个计算器程序,很多行业都能用到这个程序,例如做装修预算.贷款利率等等. 首先来看一下完成后的效果: 具体代码如下:(关注我的博客,及时获取最新WEB前端开发源代码) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

一.利用刚学过的前端知识做一个简易的计算器里边使用到了HTML,CSS,JavaScript以及JQuery的知识代码如下:(1)利用CSS设计了计算器外形样式:(2)利用JavaScript实现了建议计算器的功能:代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简易计算器</title> <link rel="styl

Javascript 实现简单计算器实例代码

Javascript 实现简单计算器实例代码 这篇文章主要介绍了Javascript 实现简单计算器实例代码的相关资料,需要的朋友可以参考下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63

利用MFC编写计算器

端午节这两天没什么事,就用MFC写了一个简单的计算器,界面做的也比较简单,如下图1,可以进行简单的加.减.乘和除功能,小数点显示这块做的不是很好,比如输入1.2,不会一个个的显示,而是先显示"1",后同时显示".2",还有就是遇到0.00时,显示的也不够人性化,哎,就这样吧... 图1 1.建立工程:New -> Projects,选择Win32 MFC AppWizard(exe),并输入工程(counter)名字及设置好路径,点击OK,选择"Di

调用JavaScript实现字符串计算器

调用JavaScript实现字符串计算器 如果表达式是字符串的形式,那么一般我们求值都会遇到很大的问题. 这里有一种直接调用JavaScript的方法来返回数值,无疑神器. 代码如下: @Frosero package scc; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.ScriptException; public class Counter {

如何为javascript代码编写注释以支持智能感知

在使用Visual Studio做开发的时候,智能感知是非常方便的.从VS2008开始,提供了对javascript的智能感知支持.例如 上述代码中,我们先用document对象的getElementById的方式取得了文档中的一个Id为form1的元素,实际上就是默认的那个窗体元素.然后,我们将其赋给一个名为f的变量. 然后,我们在使用f 这个变量的时候,就能自动地列出该form元素所应该有的一些成员,例如action等等. 这些属于是默认的元素和方法的智能感知,假设我们自己有一些自定义js代

软帝学院教你用java编写计算器(二)

软帝学院教你用java编写计算器(二) import java.awt.BorderLayout; import java.awt.GridBagLayout; import java.awt.GridLayout; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.JButton; import javax.swing.JFrame; import javax.

教你用java编写计算器(三)

教你用java编写计算器(三) import java.awt.Color; import java.awt.Dimension; import java.awt.event.ActionListener; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JMenu; import javax.swing.JMenuBar; import javax.swing.JMenuItem; import

JAVASCRIPT实现简单计算器

最终效果如下图-2,有bug:就是整数后点击%号结果正确,如果小数后面点击%的话结果就错误!其他都正常,求指点:input的value是string类型的,在JS中改如何正确处理下图-1中的if部分?? 图-1 图-2 HTML代码如下 <body> <div id="calculator"> <div class="LOGO"> <span class="name">简单的计算器</span