Home/ Questions/Q 6101497
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T13:30:23+00:00

I have a JS file CharacterSelection where a user can select an avatar and

  • 0

I have a JS file CharacterSelection where a user can select an avatar and type their name into a textarea.

Now I want to set a text div in an html file to the contents of the textarea. I will use it to display the player’s name at a specific location on the screen.

I know that I can set a div to a text, such as: <div id ="statSheetExitButton">Exit</div> will show “Exit” (style and location depending on css)

I’m wondering if there is any way to put a String variable in there, since I will not know what name the player enters.

I grab the textarea’s contents using var name = $("#nameTextBox").val();

I’m thinking that saying <div id ="playerName">name</div> will display the text “name”.

Is there a way to accomplish my goal?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

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

    This will attach an event handler to the textbox so everytime the name changes the div is updated.

    Here is a working example. http://jsfiddle.net/2NkTb/

    Please note that for the onchange event you must tab out of textbox or the textbox must lose focus

    • 0