How to get output value in textarea not in div ?

Question

Enter a list of comma separated words:<br>
<input id=words type=text size=100 value='foo, bar, baz'></input>
<br>
Output divs:
<div id=container></div>

<script>
(function() {
var debounce, input = document.getElementById('words'),
output = document.getElementById('container'),
update = function() {
var words = input.value.trim().split(/,\s*/);
while (output.firstChild) output.removeChild(output.firstChild);
for (var i = 0; i < words.length; i++) {
var div = document.createElement('div');
div.textContent = words[i];
output.appendChild(div);
}
};
input.addEventListener('input', function() {
window.clearTimeout(debounce);
debounce = window.setTimeout(update, 150);
}, false);
update();
})();

</script>

Answer 1

Raja
maybe something like this?

https://code.sololearn.com/WR9fIIUhU47u/?ref=app

Answer 2

no it's not working

Answer 3

no every word divide into different textarea Bob_Li

Answer 4

Raja
Look at my code again.
I put the code below an <hr>

Answer 5

yeah because you are updating output value in div as I can see

Answer 6

Raja
ok, maybe in your original code, instead of:

document.createElement("div")

you use:

document.createElement("textarea")

Answer 7

I already tried that, but it didn't work. Bob_Li

Answer 8

Thank you.