2014-11-18 3 views
-1

JavaScript 및 Compute 함수를 사용하여 입력 및 이미있는 숫자 (5.49)의 간단한 곱셈 문제를 완료하려고합니다. 나는 테이블의 내부에 그것을 가지고 페이지의 구조에 내부 CSS를 사용하고 있습니다. 내 문제는 페이지의 계산 버튼을 누르면 방정식 (입력) * 5.49에 대한 답이 나오지 않고 대신 아무것도 나오지 않습니다. 나는 실수를 찾기 위해 고심하고있다. 추가 정보 : 수식을 팝업 상자로 바꾸어서 계산 단추가 작동하는지 확인했습니다. 작동 중입니다.JavaScript 함수 및 방정식

<!DOCTYPE html> 
<html> 

<head> 
    <title>Project</title> 
    <style type="text" /css> 
    .inbox { width=30px; text-align: right; border: 2px solid black; } .align { text-align: right } 
    </style> 
    <script type="text/javascript"> 
    function compute() { 
     var a = form1.inputA.value; 
     a = parseFloat(a); 
     var b = form1.inputB.value; 
     b = parseFloat(b); 
     var c = form1.inputC.value; 
     c = parseFloat(c); 
     var e = a * 5.49; 
     form1.sumA.value = e.toFixed(2); 
    } 

    function pageInit() { 
     form1.inputA.focus(); 
    } 
    </script> 
</head> 

<body onload="pageInit();"> 
    <form id="form1"> 
    <table border="2"> 
     <tr> 
     <th colspan="4">Sample Order Form</th> 
     </tr> 
     <tr> 
     <th>Quantity</th> 
     <th>item</th> 
     <th>Unit Price</th> 
     <th>Totals</th> 
     </tr> 
     <tr> 
     <th> 
      <input tabindex="1" class="inbox" type="text" id="inputA" /> 
     </th> 
     <th>Apples</th> 
     <td>$5.49</td> 
     <th> 
      <input class="inbox" type="text" id="sumA" readonly="readonly" /> 
     </th> 
     </tr> 
     <tr> 
     <th> 
      <input tabindex="4" type="button" value="Compute" onclick="compute();" /> 
     </th> 
     </tr> 
    </table> 
    </form> 
</body> 

</html> 
+1

이것이 자바 스크립트 인 경우 'java' 태그가 필요한 이유는 무엇입니까? 태그가 변경됨 – fge

답변

3

필드 inputBinputC은 존재하지 않습니다. 그런 다음 오류가 발생합니다.

function compute() { 
    var a = form1.inputA.value; 
    a = parseFloat(a); 
    var e = a * 5.49; 
    form1.sumA.value = e.toFixed(2); 
} 

코드를 분석하기 위해 웹 개발자 도구를 사용할 수 있습니다. 최신 웹 브라우저에는 이와 같은 도구가 있습니다. 예를 들어 google chrome 개발자 도구를 살펴보십시오 (예 : https://developer.chrome.com/devtools). firefox 및 Internet Explorer에 해당하는 도구를 찾을 수 있습니다.