计算器

作者: 卑微小利 | 来源:发表于2019-01-08 10:46 被阅读0次
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算机</title>
<script type="text/javascript">
    window.onload = function () {
        var oInput01 = document.getElementById("input01");
        var oInput02 = document.getElementById("input02");
        var oSelect = document.getElementById("select");
        var oBtn = document.getElementById("btn");

        oBtn.onclick = function () {
            var val01 = oInput01.value;
            var val02 = oInput02.value;

            if(val01=="" || val02==""){
                alert('输入框不能为空!');
                return;
            }
            if(isNaN(val01) || isNaN(val02)){
                alert('请输入数字!');
                return;
            }
            switch (oSelect.value) {
                case "0":
                    alert((parseFloat(val01)*100 + parseFloat(val02)*100)/100);
                    break;
                case "1":
                    alert((parseFloat(val01)*100 - parseFloat(val02)*100)/100);
                    break;
                case "2":
                    alert((parseFloat(val01)*100) * (parseFloat(val02)*100)/10000);
                    break;
                case "3":
                    alert((parseFloat(val01)*100) / (parseFloat(val02)*100));
                    break;
            }
        }
    }
</script>
</head>
<body>
<h1>计算机</h1>
<input type="text" name="" id="input01" />
<select id="select">
    <option value="0">+</option>
    <option value="1">-</option>
    <option value="2">*</option>
    <option value="3">/</option>
</select>
<input type="text" name="" value="" id="input02">
<input type="button" name="" value="计算" id="btn">
</body>

相关文章

  • iOS简单项目 — 计算器

    计算器所需求功能 计算器所用模式:MVC计算器所用语言:Swift计算器所参考课程:斯坦福 第一步:构造计算器界面...

  • 【敲黑板】考试计算器技巧

    方案一 普通计算器+科学计算器(让带计算器) 方案二 搜狗输入法V+计算大法(不让带计算器) 快捷操作 加:+ ...

  • 2018-11-11

    html部分 计算器 计算器 × □ - CE ...

  • 房贷计算器

    最近房产版升级,需要重新制作房贷计算器的功能,主要参考了 房天下房贷计算器和安居客房贷计算器,两大平台的计算器。 ...

  • 2018-11-01for/while/计算器

    计算器 计算器 window.onload = function(){va...

  • 使用WGIS的字段计算器

    WGIS的字段计算器(Field Calculator)跟其他桌面GIS软件的字段计算器类似,计算器的规则遵循Ja...

  • C#第一次作业02

    #作业要求 乘法计算器 #程序 namespace 乘法计算器 { public partial class ...

  • 项目-HTML,CSS,JavaScript计算器

    整个计算器分为四部分:1.构建计算器的框架;2.为计算器添加样式;3.实现计算、回删、清零功能;4.为计算器添加日...

  • ???

    2019.6.28 昨天考试摁计算器,9999999的999999次方计算器算不出来。 看来计算器也不是万能的。 ...

  • 基于javafx的PC端计算器——课设总结(一)

    前言 javafx制作的计算器,包括标准计算器和科学计算器,小白级别的项目,不涉及框架,数据结构等 github项...

网友评论

      本文标题:计算器

      本文链接:https://www.haomeiwen.com/subject/dhlvrqtx.html