2013-05-26 3 views
1

텍스트 상자에 숫자를 입력합니다. 예를 들어변수에 입력 요소를 추가하는 방법

:

<body> 
Please Enter value number 1: <input type = "text" id = "value1"></input>&nbsp; 
<button onclick = "Display()">Display</button> 
<p id = "Paragraph"></p> 

<script> 

문제는 여기에 있습니다 :

var a = document.getElementById("value1").value; 

위의 문은 무엇입니까

난 당신이 선언 된 변수에이 번호를 캐스팅 할 방법을 알고 싶어요 나는 알고 싶다.

function Display() 
{ 
document.write(a); 
} 
</script> 
</body> 

나는 자바 스크립트에 새로운 오전과 질문은 조금 기본 경우 정말 미안 배우려고하지만, 메신저가이 권리를 얻기 위해 애 쓰고. 함수 내부

+0

작동하지 않는 기능은 무엇입니까? 너는 무엇을 기대 하느냐? –

+1

페이지에 쓸 때 (var a) 선언 한 변수에 아무 것도 표시되지 않습니다. –

+0

''을 제거해보십시오. : function Display() {document.write (document.getElementById ('value1'). value); }' –

답변

4

난 당신이 같은 것을 의미하는 것 같아요. 값에 대한 포인터가 아니며 값을 한 번만 가져옵니다. 따라서 버튼을 클릭 할 때 사용하고 싶다면 실행 된 함수 안에 넣어야합니다.

document.write()과 같이 사용하지 마십시오. 런타임에 무언가를 표시하려면 innerHTML을 선택하는 것이 좋습니다!

+0

'this'를 함수에 전달한 다음'previousSibling'을 사용하여 입력 요소로 이동하는 것이 어떻습니까? 버튼과 입력이 형제가 될 때 전체 페이지를 쿼리하는 이유는 무엇입니까? –

+0

@ imeVidas OP의 코드에 표시된 경험 수준에서 볼 때, 이것이 훨씬 더 분명한 이유라고 생각합니다. 게다가, 나는 구조 정보에 의존하고 싶지 않습니다. (쉽게 변할 수 있습니다.) 꼭해야 할 필요는 없습니다. 마지막으로, ID로 요소를 가져 오는 것은 아주 저렴한 wrt 성능이므로 아무 문제가 없습니다. – Sirko

4

지정 a :

function Display() 
{ 
    var a = document.getElementById("value1").value; 
    console.log(a); 
} 

또한, <input /> 태그는 닫는 </input> 태그를 필요로하지 않는다.

코드 변수 a
function Display() 
{ 
    var a = document.getElementById("value1").value; 

    document.getElementById('Paragraph').innerHTML = a; 
} 

단지 할당, 스크립트가 처음 시간이 실행될 때 :

+0

정말 고마워요. –

+0

XHTML을 쓰지 않는 한 태그 안에 닫는'>'앞에'/'가 있어야합니까? – RobG

관련 문제