我正在尝试执行下面的代码,但是当我将其保存为* .html文件并执行时,它不会给我任何输出。我知道这段代码肯定是有效的,因为我已经在尝试模拟的不同html编辑器上尝试了它,它给了我想要的输出。这是我所做的一步一步的程序
使用http://www.onlinehtmleditor.net/上的实时预览编写代码。当我提供输入并点击"计算"。它给了我想要的结果
在记事本中复制相同的代码并将文件另存为* .html
现在,当我打开此* .html文件并输入数字并点击"计算"。它没有反映任何结果
我正在使用IE 9并想知道它是否是因为浏览器。我有一个类似的代码用于其他一些程序,当我以同样的方式执行时,它执行得很好。我很困惑。请建议并指导我。
<html>
<body>
<br/>
<font face = "georgia">
<font color = "Blue"> Barometric reading </font>(m Hg)<br/>
<input type="number" id="txt1" name="text1" /><br>
<br/><font color = "Blue">Difference in height in two limbs </font>(m)<br/>
<input type="number" id="txt2" name="text2"><br>
<br/> <font color = "Blue"> Fluid in manometer </font><br/>
<select id="densityopt">
<option value="1000">Water</option>
<option value="13640">Mercury</option>
<option value = "826">Red Gage Oil</option>
<option value = "876.50">Benzene</option>
</select>
<br/><br/>
<button onclick="myFunction()">Calculate</button>
<p id="demo"></p>
<script>
function myFunction() {
var a = document.getElementById("txt1").value;
var b = document.getElementById("txt2").value;
var i = document.getElementById("densityopt");
var c = i.options[i.selectedIndex].value;
var den = i.options[i.selectedIndex].text;
var x = +a + +b;
var y = +c * 9.79;
var z = +y * +x;
var z1 = +z / 1000;
var z2 = Math.round(z1 * 100) / 100;
document.getElementById("demo").innerHTML = '<br/><b><font color = "Green">Pressure of the fluid = </font></b>' + z2 + ' kPa'+'<br/><br/><b><i> This is how we solved !<br/></i></b>' + '<br/>Pressure of the fluid = P<sub>fluid</sub> = ρ<sub>' + den + '</sub> g h<sub>atm</sub> + ρ<sub>' + den + '</sub> g h<sub>diff</sub>' + '<br>P<sub>fluid</sub> = ρ<sub>' + den + '</sub> g ( h<sub>atm</sub> + h<sub>diff</sub> )<br>P<sub>fluid</sub> = ' + c + ' kg/m<sup>3</sup> x 9.79 m/sec<sup>2</sup> (' + a + 'm + ' + b + 'm )<br>P<sub>fluid</sub> = ' + z1 + ' x 10<sup>3</sup> N/m<sup>2</sup> = ' + z2 + ' kPa' + '<br><br><i><font color = "Grey"> ρ<sub>' + den + '</sub> = Density of the fluid in manometer<br>g = Gravitational constant</i>' ;
}
</script>
</font>
</body>
</html>