Home/ Questions/Q 5849959
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T13:04:26+00:00

All, Below is the simple code that updates the field with input entered by

  • 0

All,

Below is the simple code that updates the field with input entered by the user. However, the updates are not taking place. Can anyone please let me know the issue here?

<html>
   <head>
      <title>Rooms</title>
      <script type="text/javascript">
         function populate()
         {
            var newName = document.getElementsByName("roomNameInput").value;
            document.getElementsByName("nameDisplay").value = newName;
         }
      </script>
   </head>
   <body>
      <h3>Configure: </h3><i name="nameDisplay"></i><br />
      Enter the Room name: <input type="text" name="roomNameInput" onkeypress="populate()"><br />
   </body>
</html>

tried with document.getElementsByName("nameDisplay").innerHTML but fails

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    HTML should be this

    <h3>Configure: </h3>
       <em id="nameDisplay"></em><br />
      Enter the Room name: <input id="roomNameInput" type="text" onkeyup="populate()"><br />

    Javascript should be this:

    var populate = function(){
    var a = document.getElementById('roomNameInput').value;
    document.getElementById('nameDisplay').innerHTML = a; 
}

    Working fiddle http://jsfiddle.net/DarkThrone/B5LP7/

    • 0