Как правильно подкорректировать данный код?

Question

[prrrrrrr]

Подскажите, как правильно подкорректировать данный код?

Оригинал:

<input type="text"> oninput: <span id="result"></span>
<script>
  var input = document.body.children[0];

  input.oninput = function() {
    document.getElementById('result').innerHTML = input.value;
  };
</script>

А нужно чтобы вместо input был label, а вместо span - textarea, что-то наподобие:

<label contenteditable="true">example</label>

oninput: <textarea id="result"></textarea>

<script>
  var label = document.body.children[0];

  label.oninput = function() {
    document.getElementById('result').innerHTML = label.value;
  };
</script>

Результат получается undefined. Как правильно это сделать?

p.s. просьба не комментировать с ответом: выучить основы js, т.к. ради одного примера смысла нету этим заниматься

Answer 1

[Владимир Проскурин]

1. У label нет value, у него есть innerHTML/innerText
2. У textarea наоборот, меняйте value

Comments

[prrrrrrr]

Сработало. Спасибо.

И еще, подскажите, как сделать чтобы при загрузке страницы, то, что находится в label находилось уже автоматически в textarea? т.е. не тогда, когда я начинаю что-либо вводить.

[Владимир Проскурин]

prrrrrrr, дайте имя вашей функции, которую передаёте в onchange, и просто вызывайте

[Владимир Проскурин]

var label = document.body.children[0];

function handleOnInput() {
    document.getElementById('result').value = label.innerText;
};

label.oninput = handleOnInput;

handleOnInput();

Answer 2

[hzzzzl]

попробуй document.getElementById('result').value = label.value;

у textarea вроде нет innerHTML, а только value / текстовое значение

Comments

[prrrrrrr]

результат тот же..

[Ярослав Иванов]

Label - innerHTML
Textarea - value

[prrrrrrr]

Ярослав Иванов, Сработало. Спасибо.

И еще, подскажите, как сделать чтобы при загрузке страницы, то, что находится в label находилось уже автоматически в textarea? т.е. не тогда, когда я начинаю что-либо вводить.

[Ярослав Иванов]

prrrrrrr, ну тут все очень просто. Просто подумайте.