Créer une plage avec la valeur d'entrée

Question

J'essaie d'obtenir la valeur d'une entrée et de créer un élément avec le texte de la valeur. Je ne sais pas pourquoi ça ne marche pas.

(Et, oui, j'appelle la fonction. Il suffit de ne pas afficher le jQuery entrer code.)

<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

vous devez appeler document.createTextNode() au lieu de userMessageElement.createTextNode()