2017-02-15 4 views
-4

Я не знаю, почему это не работает. Как я могу получить входное значение?Как получить входные значения в скрипте?

<body> 
    <script> 
     function toCelsius() { 
     var g = document.getElementById("f").innerHTML; 
     var b = (5/9) * (g-32); 
     } 
     document.getElementById("demo").innerHTML = b; 
    </script> 
    Fahrenheit = <input id="f" type=text size=6> 
    <input type=button value="Bereken" onClick="toCelsius()"> 
    <p id="demo"></p> 
</body> 

ответ

-2

Свойство innerHTML является частью объектной модели документа (DOM), который позволяет Javascript код для управления веб-сайт отображается. В частности, она позволяет читать и заменить все в пределах данного DOM элемента (HTML тег)

Чтобы получить значение из поля ввода, необходимо использовать

var your_var = document.getElementById("filed-id").value; 

Итак, ваш окончательный код будет выглядеть следующим образом:

<body> 
    <script> 
    function toCelsius() { 
     var g = document.getElementById("f").value; 
     var b = (5/9) * (g-32); 
    } 
    document.getElementById("demo").innerHTML = b; 
    </script> 

        Fahrenheit = <input id="f" type=text size=6> 
        <input type=button value="Bereken"   onClick="toCelsius()"> 

        <p id="demo"></p> 
</body> 
2

Эта линия:

document.getElementById("demo").innerHTML = b; 

Запускается, когда:

  • , когда demo не существует в документе
  • , когда b не был определен
  • , где b выходит за рамки (потому что b определена внутри функции)

Вам необходимо переместить эту линию внутри функция

Эта линия:

var g = document.getElementById("f").innerHTML; 

... пытается прочитать детей входного элемента, но входы недействительными элементы: Они не имеют детей.

Вместо этого необходимо ввести значение ввода.

<body> 
 
    <script> 
 
    function toCelsius() { 
 
     var g = document.getElementById("f").value; 
 
     var b = (5/9) * (g - 32); 
 
     document.getElementById("demo").innerHTML = b; 
 
    } 
 
    </script> 
 

 
    Fahrenheit = 
 
    <input id="f" type=text size=6> 
 
    <input type=button value="Bereken" onClick="toCelsius()"> 
 

 
    <p id="demo"></p> 
 
</body>

0

Во-первых, "сценарий" тег должен быть оставлен перед закрытием тела.

Чтобы получить значение входа используйте document.getElementById("f").value;

Смотрите мой пример: http://codepen.io/joaocarvalhowd-1472219370/pen/apMywY

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