버튼을 클릭 한 후 URL에 텍스트 값 입력

Question

텍스트 필드에서 텍스트 값을 입력하고 검색 버튼을 클릭 한 후 URL에 추가하는 방법을 알고 싶습니다. 지금까지 나는 URL에서 입력 쇼의 가치를 만들 수 없습니다.

<input type="text" id="myText" value="Mickey"> 
<button onclick="myFunction()">Search</button> 

및 자바 스크립트 :

function myFunction() { 
var x = document.getElementById("myText").value; 
} 
var sourceCode = '<a href="http://www.domain.com/cat/' + x ">' + '<img src="' + imageBase + image + '" width="'+sizes[0]+'" height="'+sizes[1]+'"/></a>' 

가 어떻게 x 값이 입력 텍스트 필드의 값을 보여주는 것으로 얻을 수있는 그래서 내가 가진 것은 이것이다?

미리 감사드립니다.

Answer 1

x는 입력 필드의 값을 얻을 않지만, sourceCode 당신의 문자열 빌드 (x이 image이 정의되지, 이중 따옴표 안에 등이다) 오류로 가득 차있다. myFunction() 밖에 있으므로 x도 정의되어 있지 않으므로 클릭하기 전에 실행됩니다. 해당 줄을 주석 처리하고 alert(x)을 myFunction() 안에 넣으면 실제로 입력을 캡처하지만 스크립트가 실패하고 실행이 중지 된 것을 볼 수 있습니다.

Answer 2

이 시도 :

function myFunction() { 
    var x = document.getElementById("myText").value; 
    var sourceCode = '<a href="http://www.domain.com/cat/' + x + '">' + '<img src="' + imageBase + image + '" width="'+sizes[0]+'" height="'+sizes[1]+'"/></a>'; 
}