Wert zu vorhandenem Wert hinzufügen

Question

Wenn ein Benutzer ein Eingabefeld eingibt, möchte ich, dass sein Name nach der Text 'Hallo' angezeigt wird. Statt dessen wird das Wort "Hallo" entfernt und durch ihren Namen ersetzt.

var name = document.getElementById('username'); 
 
var div = document.getElementById('displayname'); 
 

 
name.onkeyup = function() { 
 
    div.value = name.value; 
 
}

<input type="text" placeholder="Name" id="username"> 
 
<input type="submit" id="displayname" value="Hello">

JsFiddle: https://jsfiddle.net/t01prhx4/

Answer 1

Einfaches Hinzufügen hallo vor dem

var name = document.getElementById('username'); 
var div = document.getElementById('displayname'); 

name.onkeyup = function(){ 
    div.value = "Hello " + name.value; 
} 

https://jsfiddle.net/98c16uv5/

Answer 2

Sie können es wie folgt tun:

name.onkeyup = function(){ 
    div.value = 'Hello ' + name.value; 
} 

Answer 3

Ist das, was Sie wollen?

var name = document.getElementById('username'); 
var div = document.getElementById('displayname'); 

name.onkeyup = function(){ 
    div.value = 'Hello ' + name.value; 
} 

https://jsfiddle.net/oapfc1Lo/

Answer 4

tun:

name.onkeyup = function(){ 
     div.value = 'Hello ' + this.value; 
    }