zoukankan      html  css  js  c++  java
  • 四则运算

    老师留的这个作业,可以用C#和JavaScript实现,但使用C#做出来的要比JavaScript的更简洁明了,更实用,但由于电脑一直未能成功下载安装Microsoft visual studio2010这个软件,无法用C#做此次作业,所以此次的作业我是使用JavaScript做的,因为JavaSript才开课一个月,有很多东西还不会,可能与老师的要求有些出入,我会努力改进的!!!

    代码如下:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <head>
    <meta http-equiv="Content-Type" content="textml; charset=utf-8" />
    <title>计算器</title>
    <style type="text/css">
    .From{ background-color:#F3C; margin:0 auto; 250px}
    </style>
    <script language="javascript">
    function compute(op)
    {
    var num1,num2;
    num1=parseFloat(document.myform.txtNum1.value);
    num2=parseFloat(document.myform.txtNum2.value);

    if(op=="+")
    document.myform.txtResult.value=num1+num2;
    if(op=="-")
    document.myform.txtResult.value=num1-num2;
    if(op=="*")
    document.myform.txtResult.value=num1*num2;
    if(op=="/" && num2!=0)
    document.myform.txtResult.value=num1/num2;
    }
    </script>

    </head>

    <body><div class="From">
    <form action="" method="post" name="myform" id="myform">

    <p>第一个数
    <input name="txtNum1" type="text" id="txtNum1" />
    </p>
    <p>第二个数
    <input name="txtNum2" type="text" id="txtNum2" />
    </p>
    <p>
    <input type="button" name="button" id="button" value="+" onclick="compute('+')"/>
    <input type="button" name="button2" id="button2" value="-" onclick="compute('-')" />
    <input type="button" name="button3" id="button3" value="*" onclick="compute('*')"/>
    <input type="button" name="button4" id="button4" value="/" onclick="compute('/')"/>
    </p>
    <p>计算结果
    <input name="txtResult" type="text" id="txtResult" />
    </p>
    </form></div>
    </body>

    </html>

  • 相关阅读:
    慕课前端入门-HTML5属性变化
    黑马jQuery教程4
    黑马jQuery教程3
    黑马JQuery教程2
    2017-03-15
    按钮图标化
    AES MFC实现
    CButtonST类简介使用方法
    VS资源编辑器常见错误RC1000到RC1208
    MFC单文档程序添加HTML帮助支持
  • 原文地址:https://www.cnblogs.com/gyhlkq/p/4859189.html
Copyright © 2011-2022 走看看