为现有值添加值

Question

当用户输入输入框时，我希望他们的名字在后显示 文本'hello'。不要这样做，而是删除“hello”这个词，并用他们的名字取代。

JFrame

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

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

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

Answer 1

你可以这样做：

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

Answer 2

在

之前添加hello

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

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

https://jsfiddle.net/98c16uv5/

Answer 3

这样做：

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

Answer 4

这是你想要的吗？

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

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

https://jsfiddle.net/oapfc1Lo/