Способ использовать внутренний 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();

Есть ли способ использовать внутренний HTML после ввода пользователя более одного раза?

Answer 1

Вот как я это сделал ..

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 добавляется ' Добро пожаловать, вы начали 'с оператором добавления' + = 'к уже существующему тексту тогда и только тогда, когда' html_input_box 'имеет значение' start ', любое другое значение чем ' start ' прибегнет к исходному / прежнему ' Хотите начать? '

Надеюсь, это кому-нибудь поможет.

Answer 2

Если вы хотите добавить внутреннюю HTML текстовой области, вы можете использовать оператор + = append

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

document.getElementById ('textarea'). Inner HTML + = action;