為 javascript 計算器創建清晰的按鈕代碼

Question

我有一個作業，我必須使用 java 腳本和 HTML 創建一個計算器。 我已經編寫了足夠多的代碼，當我使用運算符時，它會進行數學運算，但數字不會顯示在顯示框中。 我也不確定如何對清除按鈕和否定按鈕進行編碼。 這是外部 javascript 文件。

    var mycalc = new calc(null,null,null);
    function calc(firstNum,secNum,operator)
    {
this.firstNum = firstNum;
this.secNum = secNum;
this.operator = operator;
}
function numberClick(ref)
{
//alert.ref.value
if(mycalc.firstNum == null)
    mycalc.firstNum = ref.value
else if (mycalc.secNum == null)
    mycalc.secNum = ref.value //ref.value is the value from the input
//alert("firstNum" + mycalc.operator.firstNum);
//alert("secNum") + mycalc.secNum);
}
function operatorClick(ref)
{
if (mycalc.operator == null)
    mycalc.operator = ref.value;
}
function calculateResultClick()
{
if (mycalc.operator == "+")
{
    var ans = parseInt(mycalc.firstNum) + parseInt(mycalc.secNum);
    alert(ans);
}   
if (mycalc.operator == "-")
{
    var ans2 = parseInt(mycalc.firstNum) - parseInt(mycalc.secNum);
    alert(ans2);
}   
if (mycalc.operator == "*")
{   
    var ans3 = parseInt(mycalc.firstNum) * parseInt(mycalc.secNum);
    alert(ans3)
}
if (mycalc.operator == "/")
{
    var ans4 = parseInt(mycalc.firstNum) / parseInt(mycalc.secNum);
    alert(ans4)
}
    }
     function Clear()
    {

    }

Answer 1

否定：

if(parseInt(mycalc.firstNum)>0){
    answer=(mycalc.firstNum-mycalc.firstNum*2)
}
if(parseInt(mycalc.firstNum)<0){
    answer=(mycalc.firstNum+mycalc.firstNum*2)
}

清除

mycalc.firstNum=0;

Answer 2

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript">

        function Add() {
            var x, y, txtResult;
            x = document.getElementById('txtFirst').value;
            y = document.getElementById('txtSecond').value;
            if (x == " " || y == "") {
                alert("Please enter FirstValue and SecondValue");
            }
           else{
            var txtResult = +x + +y;
            document.getElementById('txtResult').innerHTML = "Result: " + txtResult;
            }
        }

        function Sub() {
            var x, y, txtResult;
            x = document.getElementById('txtFirst').value;
            y = document.getElementById('txtSecond').value;
            if (x == " " || y == "") {
                alert("Please enter FirstValue and SecondValue");
            } else {
                var txtResult = +x - +y;
                document.getElementById('txtResult').innerHTML = "Result: " + txtResult;
            }
        }
        function Mul() {
            var x, y, txtResult;
            x = document.getElementById('txtFirst').value;
            y = document.getElementById('txtSecond').value;
            if (x == " " || y == "") {
                alert("Please enter FirstValue and SecondValue");
            } else {
                var txtResult = +x * +y;
                document.getElementById('txtResult').innerHTML = "Result: " + txtResult;
            }
        }

        function Div() {
            var x, y, txtResult;
            x = document.getElementById('txtFirst').value;
            y = document.getElementById('txtSecond').value;
             if (x == " " || y == "") {
                alert("Please enter FirstValue and SecondValue");
                 } 
            else if (y != 0) {
                var txtResult = +x / +y;
                  } 
            else {
                alert("Second Number Should not be Zero");
                    }
            document.getElementById('txtResult').innerHTML = "Result: " + txtResult;
          }

        function Clear() {
            document.getElementById('txtFirst').value = "";
            document.getElementById('txtSecond').value = "";
            document.getElementById('txtResult').value = "";

        }


    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <label> FirstNumber :</label><br />
        <input id="txtFirst" type="text" /><br />
        <label> Second Number :</label><br />
        <input id="txtSecond" type="text" /><br />
        <label id="txtResult"></label><br />
        <input id="btnAdd" type="button" value="ADD" onclick="Add()"/>
        <input id="btnSub" type="button" value="SUB"  onclick="Sub()"/><br />
        <input id="btnMul" type="button" value="MUL" onclick="Mul()"/>
        <input id="btnDiv" type="button" value="DIV" onclick="Div()"/>
       <input id="btnClear" type="button" value="Clear" onclick="Clear()"/>


    </div>
    </form>
</body>
</html>

在此處輸入圖片說明

為 javascript 計算器創建清晰的按鈕代碼

問題描述

2 個解決方案

解決方案1
0 2013-02-21 22:17:03

解決方案2
0 2013-06-10 17:34:12

為 javascript 計算器創建清晰的按鈕代碼

問題描述

2 個解決方案

解決方案1 0 2013-02-21 22:17:03

解決方案2 0 2013-06-10 17:34:12

解決方案1
0 2013-02-21 22:17:03

解決方案2
0 2013-06-10 17:34:12