javascript - 为现有值(value)增值

当用户在输入框中键入内容时，我希望其名称显示在文本“ hello”之后。取而代之的是，单词“ hello”被删除并被其名称替换。

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/

最佳答案

简单的在前面添加问候

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

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

https://jsfiddle.net/98c16uv5/