2017-02-15 5 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 속성은 Javascript 코드가 표시되는 웹 사이트를 조작 할 수있게하는 DOM (Document Object Model)의 일부입니다. 특히, 주어진 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; 
,

실행될 때 :

  • b가 정의되지 않은 경우 demo 문서
  • 에 존재하지 않는 경우에 범위를 벗어난 (b 함수 내에 정의되므로)
  • 이다 b

내부로 이동

01 23,516,

이 줄 :

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

은 ... 입력 요소의 아이를 읽으려고하지만, 입력은 무효 요소 : 그들은 아이들이 없습니다.

대신 을 읽어야합니다.

0

먼저

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

는 "스크립트"태그는 몸을 닫기 전에 남아 있어야합니다. http://codepen.io/joaocarvalhowd-1472219370/pen/apMywY

:

내 예를 참조하십시오, 입력의 값을 검색 document.getElementById("f").value;

을 사용하려면

관련 문제