2017-02-02 1 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: Déplacement du inner.HTML dans la fonctionJ'essaie de convertir Fahrenheit en Celsius mais ça ne fonctionne pas, qu'est-ce que je fais de mal? - Javascript (doit avoir une forme et un bouton clair)

Ainsi, le bouton de réinitialisation est la seule chose qui fonctionne. Est-il possible de calculer les mathématiques de cette façon?

+1

L'instruction '.innerHTML' qui définit le résultat est en dehors de la fonction? – adeneo

+0

Cela l'a fait montrer le ° C, mais il ne calcule toujours pas les mathématiques pour une raison quelconque –

+0

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

Répondre

0

Vous avez posé une question sur la façon de créer une pizza former il y a un moment et vous l'avez supprimé dès qu'il a été voté vers le bas à quelques reprises.

Le point à noter ici est, c'est correct si quelques personnes n'aiment pas votre question. Vous avez rejoint StackExchange pour ne pas gagner de points mais pour apprendre quelques choses. Votre question pourrait être utile à beaucoup d'autres dans le monde. Donc, voici la réponse à votre question de pizza

<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> 

Merci. J'espère que ceci vous aide.

+0

merci je l'ai supprimé parce que je voulais réécrire mes affaires et essayer de réparer des choses. Je ne connais pas vraiment les choses sur les points car je viens de rejoindre ce site avant-hier –

0

Adeno L'a corrigé en déclarant ce que fah était. vous pouvez également voir vos erreurs avec 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

Vous obtenez jamais la valeur du input type = "nombre"

Essayez cette

<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

choses Couple: Vous devez définir le innerHTML de l'intérieur la fonction parce que la variable est dans la fonction. Ou vous auriez pu déclarer la variable en dehors de la fonction d'abord comme var fah = "" puis la fonction. Mais puisque vous l'avez déclaré dans la fonction, seule la fonction peut le voir. J'ai donc déplacé l'ensemble innerhtml dans la fonction.

De plus, javascript aime utiliser id's not name = "fah" Vous pouvez appeler un élément par son nom, mais id est plus facile.

Je l'arrondis à l'entier. vous obtiendriez 9 décimales à votre façon. Enfin, le jeu innerhtml efface tout le code HTML de sorte que vous perdiez le ° C comme vous l'aviez.

<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 est la même –

+0

ohhhhh une dernière chose .... vous devez soustraire avant de diviser. Parenthèse nécessaire –