Получить текущий textContent from dynamic div

Question

У меня есть div, называемый fnmessages, который отображает сообщения, отправленные пользователями через форму ввода. Я пытаюсь получить сообщения из fnmessages и вставить их в скрытый div, называемый hidden_messages.

Мне удалось получить текущее сообщение из fnmessages, переданное в hidden_messages, но проблема в том, что при добавлении другого сообщения скрытые_массы не обновляются.

http://jsfiddle.net/tj4uk35g/

var mockD = document.getElementById("messages").textContent; 
$('#hidden_messages').append(mockD); 
var storyD = document.getElementById("hidden_messages").textContent; 

Любые предложения?

Answer 1

В вашей скрипке нет кнопки. Вы должны добавить слушателя к событию клика кнопки, а затем обновить divs с содержимым ввода.

http://jsfiddle.net/zy6k4Lhr/4/

document.getElementById("my_button").addEventListener("click", updateHiddenMessages); 

function updateHiddenMessages (e) { 
    var text = $("#messages").text() + $("#my_input").val(); 
    $("#messages").text(text); 
    $("#hidden_messages").text(text); 
    console.log(text); 
}