자바 스크립트 계산기 용 명확한 버튼 코드 만들기

자바 스크립트와 HTML을 사용하여 계산기를 만들어야하는 과제가 있습니다. 연산자를 사용하면 수학 연산을 수행하지만 숫자는 표시 상자에 표시되지 않는다고 충분히 코딩했습니다. 나는 또한 명확한 단추 및 부정 단추를 코딩하는 방법에 확신 할 수 없다. 여기에 외부 자바 스크립트 파일이 있습니다.자바 스크립트 계산기 용 명확한 버튼 코드 만들기

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

좀 보여 주시겠습니까? – BenM

은 부정 : 당신은 우리에게 jsFiddle을

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

자바 스크립트 계산기 용 명확한 버튼 코드 만들기

답변

관련 문제