zoukankan      html  css  js  c++  java
  • 一个简单的计算器

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="utf-8">
        <meta name="viewport"
              content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
        <meta http-equiv="Cache-Control" content="max-age=0">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>scroll</title>
        <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
        <style type="text/css">


        </style>
    </head>
    <body>
    <input type='text' id='txt1'/>
    <select id='select'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type='text' id='txt2'/>
    <input type='button' value=' = ' id="he"/> <!--通过 = 按钮来调用创建的函数,得到结果-->
    <input type='text' id='fruit'/>

    </body>
    </html>


    <script type="text/javascript">
         $("#he").on("click", function () {
            var oneVal =parseInt( $("#txt1").val());
            var twoVal = parseInt($("#txt2").val());
            var selectVal = $("#select").val();
            var con = $("#fruit");
            var fh = $("#select option:selected").val();
            var a='';
            if (fh == "+") {
                a=oneVal+twoVal;
            } else if (fh == "-") {
                a=oneVal-twoVal;
            } else if (fh == "*") {
                a=oneVal*twoVal;
            } else {
                a=oneVal/twoVal;
             }
           con.val(a);

        })


    </script>
  • 相关阅读:
    简化SpringBoot框架打包体积
    深究1.8版本HashMap源码
    一次面试题,将 字符串 保存在 Byte 数组中
    记一次linux磁盘清理
    Alibaba Cloud Toolkit 使用心得(IDEA版)
    Mybatis 一对多分页踩坑 对collection的分析
    MySQL中update修改数据与原数据相同会再次执行吗?
    与 MySQL 因“CST” 时区协商误解导致时间差了13 小时
    Druid数据源
    mybatis自动生成代码 mybatis-generator
  • 原文地址:https://www.cnblogs.com/yjhua/p/4583899.html
Copyright © 2011-2022 走看看