Создать диапазон с входным значением

Question

Я пытаюсь получить значение ввода и создать элемент с текстом значения в нем. Я не знаю, почему это не работает.

(А, да! Я назвал эту функцию. Просто не выкладываю JQuery введите код ключа.)

<input type="text" id="user-input"/> 

function submitUserMessage(){ 
    var message = document.getElementById("user-input"); 

    if(message.value){ 
     var userMessageElement = document.createElement("span"); 
     var userMessageElementText = userMessageElement.createTextNode(message.value); 
     userMessageElement.appendChild(userMessageElementText); 
     userMessageElement.className = "umsg"; 
     userMessageElement.style.backgroundColor = "#fff"; 
     document.body.appendChild(userMessageElement); 
    } 
} 

Answer 1

вы должны вызвать document.createTextNode() вместо userMessageElement.createTextNode()