2017-02-02 4 views
-1
<html> 
    <head> 
    <title> 
    Form 
    </title> 
    </head> 
    <body> 
     <script type="text/javascript"> 
     function calculate (form) 
    { 
    cel = fah * 0.5555 - 32; 
    document.getElementById("finish").innerHTML = cel; 
    } 

</script> 

<form name="myform" action="" method="get"> Turn Fahrenheit to Celsius! <br> 
<input type="number" name="fah"> 
<input type="button" name="button" value="calculate" onClick="calculate(this.form)"> 
<button type="reset" value="Reset">Reset</button> 
</form> 
<p id="finish">°C</p> 
    </body> 
</html> 

EDIT1:だから、リセットボタンが機能する唯一のものである機能華氏を摂氏に変換しようとしていますが、私は何が間違っているのですか? - Javascriptを(フォームとクリアボタンを持っている必要があります)

にinner.HTMLを移動しました。このように数学を計算することは可能ですか?

+1

結果を設定する '.innerHTML'文は、関数の外にありますか? – adeneo

+0

それは°Cを表示させましたが、何らかの理由で数学を計算しません。 –

+0

https://jsfiddle.net/fsj7po0L/ – adeneo

答えて

0

あなたはしばらく前にピザのフォームを作成する方法についての質問をし、それがダウンしていたとして、あなたはすぐにそれを削除した数回投票しました。

ここで注意すべき点は、少数の人々があなたの質問を嫌うなら大丈夫です。あなたはポイントを獲得するのではなく、いくつかを学ぶためにStackExchangeに参加しました。あなたの質問は、この世界の他の多くの人々に役立つかもしれません。あなたのピザの質問への答えはここにあります。

<html> 
<body> 

<p>A pizza is 13 dollars with no toppings.</p> 

<form action="form_action.asp"> 
<input type="checkbox" name="pizza" value="Pepperoni" id="pep">Pepperoni + 5$<br> 
<input type="checkbox" name="pizza" value="Cheese" id="che">Cheese + 4$<br> 
<br> 
<input type="button" onclick="myFunction()" value="Send order"> 
<input type="button" onclick="cost()" value="Get cost"> 
<br><br> 
<input type="text" id="order" size="50"> 
</form> 

<script> 
function myFunction() { 
var pizza = document.forms[0]; 
var txt = ""; 
var i; 
for (i = 0; i < pizza.length; i++) { 
    if (pizza[i].checked) { 
     txt = txt + pizza[i].value + " "; 
    } 
} 
document.getElementById("order").value = "You ordered a pizza with: " + txt; 
} 

function cost() { 
var pep = 5; 
var che = 4; 
var pizza = 13; 
var total = 0; 
if (document.getElementById("pep").checked === true) { 
    total += pep; 
} 

if (document.getElementById("che").checked === true) { 
    total += che; 
} 
    document.getElementById("order").value = "The cost is : " + total; 
} 

</script> 

</body> 
</html> 

ありがとうございました。これがあなたに役立つことを願っています

+0

私は私のものを書き換えて物事を修正しようとしたので、私はそれを削除してくれてありがとう。私はちょうど昨日の前日にこのサイトに参加したので、ポイントについてのことは本当に分かっていない –

0

Adeno fahが何であるかを宣言することで修正されました。 f12でエラーを表示することもできます。 https://stackoverflow.com/users/965051/adeneo

<html> 
<head> 
    <title> 
     Form 
    </title> 
</head> 
<body> 
    <script type="text/javascript"> 
     function calculate(form) { 
      var cel = (document.getElementById("fah").value -32) * 5/9; 
      document.getElementById("finish").innerHTML = cel; 
     } 
    </script> 
    <form name="myform" action="" method="get"> Turn Fahrenheit to Celsius! 
     <br> 
     <input type="number" name="fah" id="fah"> 
     <input type="button" name="button" value="calculate" onClick="calculate(this.form)"> 
     <button type="reset" value="Reset">Reset</button> 
    </form> 
    <p id="finish">°C</p> 
</body> 

0

あなたはこの

<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
<script> 

    function calculate() 
    { 
    var fah = document.getElementById('fah').value; 

    var cel = parseFloat(fah * 0.5555 - 32); 
    document.getElementById("finish").innerHTML = cel; 
    } 
    </script> 
</head> 

<body> 








<form> 
Turn Fahrenheit to Celsius! <br> 
<input type="text" name="fah" id="fah"> 
<input type="button" name="button" value="calculate" onClick="calculate()"> 
<button type="reset" value="Reset">Reset</button> 
</form> 
<p id="finish">°C</p> 
</body> 
</html> 
0

カップルの事を試してみてください入力タイプ= "数"

から値を取得することはありません:あなたは内からinnerHTMLプロパティを設定する必要がありますその関数は変数が関数内にあるためです。あるいは、最初に関数の外側に変数を宣言しておき、var fah = ""関数のように宣言することもできます。しかし、関数内で宣言しているので、関数だけがそれを見ることができます。だから私は関数にinnerhtmlセットを移動しました。

また、javascriptはidの名前= "fah"を使用するのが好きです。要素を名前で呼び出すことはできますが、idは簡単です。

整数に丸めます。あなたはあなたの方法で9小数を得るでしょう。

最後に、innerhtml setはすべてのhtmlを消去して、あなたが持っていた方法で℃を失います。

<html> 
    <head> 
    <title> 
Form 
</title> 
</head> 
<body> 
    <script type="text/javascript"> 

    function calculate (form) 
{ 

    var fah = this.fah.value; 
    cel = Math.round((fah-32)/1.8); 

    document.getElementById("finish").innerHTML = cel+"°C"; 
} 

</script> 

<form name="myform" action="" method="get"> Turn Fahrenheit to Celsius! <br> 
<input type="number" name="fah" id = "fah"> 
<input type="button" name="button" value="calculate"     onClick="calculate(this.form)"> 
<button type="reset" value="Reset">Reset</button> 
</form> 
<p id="finish"></p> 
    </body> 
</html> 
+0

form.fah.valueは同じ –

+0

ohhhhh最後のもの....あなたが分ける前に、あなたは減算する必要があります。括弧が必要 –

関連する問題