-3

私はjavascriptの初心者で、簡単なコードを書こうとしています。このビットで行っていることは、車に何ガロン残っているかを調べることだけです。私は結果を表示することができないようです。どんな助けでもいただければ幸いです

 <!doctype>
<html>
<head>
<script type="text/javascript">

var gasMilage = document.getElementById("mpg");
// getting the percent of the tank left
var gasReading = document.getElementById("tank_reading") / 100;
var gasTank = document.getElementById("tank_capacity");


 function getGallons(){
var gallons = gasReading * gasTank;

window.alert(gallons);
 }
</script>
</head>
<body>
<style>


form input{
display:block;
}


</style>

<form name=test>
MPG<input type="text" id="mpg" name="mpg">
Gas Tank Reading<input type="text" id="tank_reading" name="tank_reading">
Tank Capacity<input type="text" id="tank_capacity" name="tank_capacity">
<input type="submit" onclick=getGallons()>
<input name=result readonly > 
</form>






</body>
</html>
4

2 に答える 2

2

行を移動する必要があります

var gasMilage ...
var gasReading ...
var gasTank ...

あなたの機能に。要素がページに表示される前に値を読み取ろうとしています。コンソール [F12] を見ると、エラー メッセージが表示されます。

次に、要素の値を読み取る必要があります。要素を参照しているだけです。

var gasReading = document.getElementById("tank_reading").value / 100;
                                                        ^^^^^^

また、フォームの送信をキャンセルする必要があることもわかります。

于 2013-11-11T21:45:47.207 に答える