自制计算器

Posted 道高一尺

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自制计算器相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自制计算器</title>
    <script src="add.js" type="text/javascript"></script>
</head>
<body>
    <div align="center" style="margin-top: 60px">
        <img src="add.png">
    </div>
    <div align="center" style="margin-top: 80px">
        <form name="form1">
            <input type="text" name="add1" placeholder="add1">+
            <input type="text" name="add2" placeholder="add2">=
            <input type="text" readonly="readonly" name="result" placeholder="result">
            <input type="button" name="submit" value="计算" onclick="add()">
        </form>
    </div>

</body>
</html>


/**
 * Created by Administrator on 2018/2/18.
 */

function add() {
    var add1 = Number(document.form1.add1.value);
    var add2 = Number(document.form1.add2.value);
    var result = add1 + add2
    document.form1.result.value=result
}

 

以上是关于自制计算器的主要内容,如果未能解决你的问题,请参考以下文章

从0开始自制解释器——实现多个整数的加减法

自制计算器

HTML自制计算器

自制计算器

用JS自制表格软件玩数据11. 虚拟机电路仿真加法运算器

用JS自制表格软件玩数据11. 虚拟机电路仿真加法运算器