Home/ Questions/Q 6661765
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T02:19:07+00:00

This is a problem that I don’t understand because all the code validates. It’s

  • 0

This is a problem that I don’t understand because all the code validates. It’s my homework that’s due tonight at Midnight.

When I enter a value into the ‘Price’ text box and hit enter I get the $isNaN in the ‘Total’ textbox. Any suggestions. Here is the code:

<!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: &nbsp; <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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try this :

    <!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 isNumber(value) { 
    return typeof value === 'number' &&
            isFinite(value);
}

function fixOrder()
{
    document.getElementById("total").value = "";  // clear the total field
    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");
        return;  // exit function to avoid calculation
    }
    if (isNaN(taxP)) {
        alert("Sorry, you must enter a numeric tax value to continue");
        return;  // exit function to avoid calculation
    }

    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: &nbsp;
<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>
    • 0