用户输入后多次使用 inner Html 的方法？

Question

有什么办法可以做下面这样的事情吗？

function start(){
var action = document.getElementById("html_input_box").value;
document.getElementById('textarea').innerHTML = "Would you like to begin?";
if (action == "start"){
document.getElementById('textarea').innerHTML = "Welcome, you have begun."
}
}

start();

有没有办法在用户输入多次后使用 innerHTML？

Answer 1

document.getElementById('textarea').innerHTML += 动作；

Answer 2

如果要追加textarea的innerHTML，可以使用+=追加运算符

function start(){
var action = document.getElementById('action').value;
document.getElementById('textarea').innerHTML = "Would you like to begin?";
if (action == "start"){
document.getElementById('textarea').innerHTML += " Welcome, you have begun."
}
}

<input type="text" id="action">
<textarea id="textarea" rows="4" cols="50">
</textarea>
<button onclick="start()">Click</button>

Answer 3

这就是我的处理方式..

HTML

<input id="html_input_box" onkeyup="start()" />
<textarea id="textarea"></textarea>

JS

function start(){
var action = document.getElementById("html_input_box").value;
document.getElementById('textarea').innerHTML = "Would you like to begin?";
if (action == "start"){
document.getElementById('textarea').innerHTML += "Welcome, you have begun."
  }
}

通过添加 onkeyup() 事件并将 start() 作为处理程序传递给 输入字段，textarea 字段附加 'Welcome, you have beginning' 使用附加运算符 '+=' 当且仅当 'html_input_box' 的值为 'start' 时，任何值除外'start' 将求助于 original/former 'Would you like to begin?'

希望这对某人有所帮助。

用户输入后多次使用 inner Html 的方法？

Way to use inner Html multiple times after user input?

html

javascript

innerhtml