이것은 모든 코드의 유효성을 검사하기 때문에 이해할 수없는 문제입니다. 오늘 밤 한밤중에 끝낼 숙제 야.Enter 키를 누르면 isNaN이 표시되지만 값은 숫자
'Price'텍스트 상자에 값을 입력하고 Enter 키를 누르면 'Total'텍스트 상자에 $ isNaN이 표시됩니다. 어떤 제안. 여기에 코드입니다 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 /loose.dtd">
<html>
<head>
<title>Price Calculator</title>
<script type="text/javascript">
function fixOrder()
{
var numPrice = parseFloat(document.getElementById("cost").value);
var taxP = parseFloat(document.getElementById("tax").value);
//var total = parseFloat(document.getElementById("total").value);
if (isNaN(numPrice)){
alert("Sorry,you must enter a numeric value to place order");
if (isNaN(taxP))
alert("Sorry, you must enter a numeric tax value to continue");
}
var tax = (numPrice * taxP)/100;
var total = numPrice + tax;
document.getElementById("total").value = "$" + total.toFixed(2);
}
</script>
</head>
<body bgcolor="#00f3F1">
<h1 align="left">Price Calculator</h1>
<form name="form">
<p>
Price: <input type="text" id="cost" name="cost" value="" onchange="fixOrder();"/>
</p>
<p>
Tax: <input type="text" id="tax" name="tax" value="" onchange="fixOrder();"/>
</p>
<p>
Total: <input type="text" id="total" name="total" value="" disabled="disabled();"/>
</p>
</form>
</body>
</html>
. Firefox의 Firebug 또는 Chrome의 디버그 도구를 살펴보십시오. IE9에는 또한 괜찮은 개발자 도구가 있습니다. 그렇게하면 문제를 훨씬 쉽게 해결할 수 있습니다. 다음은 Chrome의 디버거에 대한 자습서입니다. http://www.alexatnet.com/content/sample-debug-session-google-chrome-javascript-debuger – mrtsherman
팁을 추가하는 한 jsLint를 확인하십시오. 코드에서 구문 오류를 감지합니다. 예를 들어,이 피들을 방문하여 상단의 jsLint 버튼을 클릭하십시오. 이 문제를 발견했을 것입니다. http://jsfiddle.net/MVG5q/ – mrtsherman
W3schools tryit 편집기로 자르고 붙여 넣기가 잘됩니다. 그러나 디버깅 도구를 배워야한다는 것에 동의합니다. –