내 HTML에 JS에서 변수를 사용할 수 있습니까?

Question

나는 사용자가 아바타를 선택하고 텍스트 영역에 이름을 입력 할 수있는 JS 파일 CharacterSelection을 가지고 있습니다.

이제 html 파일의 텍스트 div를 텍스트 영역의 내용으로 설정하려고합니다. 나는 그것을 화면의 특정 위치에 플레이어의 이름을 표시하는 데 사용합니다. <div id ="statSheetExitButton">Exit</div>는 문자열을 넣어 어떤 방법이 있는지 궁금 해요 (CSS에 따라 스타일과 위치) "종료"

를 표시합니다 :

가 나는 등, 텍스트에 사업부를 설정할 수 있다는 사실을 알고 그 이름은 플레이어가 어떤 이름을 입력하는지 알지 못하기 때문에 변합니다.

은 내가 <div id ="playerName">name</div> 말을하면 텍스트 "이름"을 표시합니다 것을 생각하고 var name = $("#nameTextBox").val();

를 사용하여 텍스트 영역의 내용을 잡아.

내 목표를 달성하는 방법이 있습니까?

Answer 1

$("#nameTextBox").change(function(){ 
    $("#playerName").html($(this).val()); 
}); 

이 그렇게 매번 이름이 사업부가 업데이트 변경 텍스트 상자에 이벤트 핸들러를 첨부합니다.

다음은 작동하는 예제입니다.

http://jsfiddle.net/2NkTb/ 당신이 잃을해야한다 텍스트 상자 또는 텍스트 상자 밖으로 탭을 사용하면 DIV 요소 당신의 재산 innerHTML을 설정해야

Answer 2

이 작업을 수행 :

이 가

var name = $("#nameTextBox").val(); 
$('#playerName').text(name); 

가

Answer 3

당신은 자바 스크립트 문자열 태그의 HTML을 대체 할 같은 것을 할 수있는 :보다

$('#playerName').html(myNameVar); 

기타, 나는 당신을 생각하지 않는다 템플릿 언어처럼 자바 스크립트 변수를 직접 삽입 할 수 있습니다.

Answer 4

시도 :

$('#playerName').html($("#textbo").val()); 

Answer 5

var name = $("#nameTextBox").val(); 
$("#playerName").html(name); 

Answer 6

var playerName = 'John Dow' 
document.getElementById('playerName').innerHTML=playerName 

Answer 7

집중해야 onchange를 이벤트에 대한주의하시기 바랍니다.

$("playerName").innerHTML = name;