爲javascript計算器創建一個清除按鈕代碼

我有一個任務，我必須使用java腳本和HTML創建一個計算器。我已經編寫了足夠的代碼，當我使用操作符時，它將執行數學運算，但數字不會顯示在顯示框中。我也不確定如何編碼清除按鈕和取消按鈕。這是外部的JavaScript文件。爲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() 
    { 

    }

來源

2013-02-21 kayla atkinson

你能不能給我們的jsfiddle，好嗎？ – BenM 2013-02-21 22:09:05

取反：

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;

來源

2013-02-21 22:17:03 Markasoftware

<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>

enter image description here

來源

2013-06-10 17:34:12

爲javascript計算器創建一個清除按鈕代碼

回答

相關問題