My HTML / Javascript works fine in Firefox, but not in IE 7?

  • Thread starter Thread starter HI
  • Start date Start date
H

HI

Guest
Is there something in my code that would cause it not to work in Internet Explore 7? - Thanks for the help!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>

<title>JavaScript Practice</title>

<script type="text/javascript" >

function calculate(){


const CONVALUE = 1500;

var val1 = parseFloat(document.getElementById("value1").value);
var val2 = parseFloat(document.getElementById("value2").value);
var val3 = parseFloat(document.getElementById("value3").value);
var val4 = parseFloat(document.getElementById("value4").value);
var val5 = parseFloat(document.getElementById("value5").value);
var val6 = parseFloat(document.getElementById("value6").value);
var val7 = 10 * parseFloat(document.getElementById("value7").value);

if (isNaN(val1))
val1 = 0;
if (isNaN(val2))
val2 = 0;
if (isNaN(val3))
val3 = 0;
if (isNaN(val4))
val4 = 0;
if (isNaN(val5))
val5 = 0;
if (isNaN(val6))
val6 = 0;
if (isNaN(val7))
val7 = 0;


var total = (CONVALUE) + parseFloat(val1) + parseFloat(val2) + parseFloat(val3) + parseFloat(val4) + parseFloat(val5) + parseFloat(val6) + parseFloat(val7);

document.getElementById("outputtotal").value = total;

}

</script>


</head>
<body>

<h3>Calculator</h3>



<form name="sum">

<p>Constant: 1500</p>

<p>Value #1: <input type=text id="value1" value="" size=2 onchange="calculate();"></p>

<p>Value #2: <input type=text id="value2" value="" size=2 onchange="calculate();"></p>

<p>Value #3: <input type=text id="value3" value="" size=2 onchange="calculate();"></p>

<p>Value #4: <input type=text id="value4" value="" size=2 onchange="calculate();"></p>

<p>Value #5: <input type=text id="value5" value="" size=2 onchange="calculate();"></p>

<p>Value #6: <input type=text id="value6" value="" size=2 onchange="calculate();"></p>

<p>Value #7: <input type=text id="value7" value="" size=2 onchange="calculate();"></p>



<input type="button" onclick="notEmpty();" value="Compute" onclick="calculate();">


<p>Total: <input type="text" value="1500" id="outputtotal" size="3" onchange="calculate();"></p>

</form>

</body>
</html>
After I posted this I noticed Yahoo Answers cut of some of my code and put "..." at the end of some of the lines.
I found the answer to my problem. IE does not like the CONST term used, but instead likes VAR only.
 
Back
Top