2017-02-02 13 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: покрутил inner.HTML в функцииЯ пытаюсь преобразовать Фаренгейта в Цельсий, но он не работает, что я делаю неправильно? - Javascript (должен иметь форму и ясную кнопку)

Так кнопка сброса это единственное, что работает. Можно ли вычислить математику таким образом?

+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's not name = "fah". Вы можете вызвать элемент по имени, но id проще.

i округленный до целого. вы получите 9 десятичных знаков на своем пути.

И наконец, набор innerhtml очищает все html, чтобы вы потеряли ° C так, как вы это сделали.

<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 одна последняя вещь .... вы ДОЛЖНЫ вычитать перед тем, как вы разделите. Скорее всего необходимо –

 Смежные вопросы

  • Нет связанных вопросов^_^