Create span with input value

Question

I'm trying to get the value of an input, and create an element with the value text in it. I don't know why this isn't working.

(And, yes! I called the function. Just didn't post the jQuery enter key 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);
    }
}

So you're saying you're using jQuery ?

adeneo
– adeneo

2013-07-20 06:29:37 +00:00
Commented Jul 20, 2013 at 6:29 — adeneo
– adeneo, Commented Jul 20, 2013 at 6:29

omma2289 · Accepted Answer · 2013-07-20 06:30:07Z

1

you must call document.createTextNode() instead of userMessageElement.createTextNode()

answered Jul 20, 2013 at 6:30

omma2289

54.7k8 gold badges66 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create span with input value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related