Breaking News: Grepper is joining You.com. Read the official announcement!

javascript button add input to list item

Delightful Dog answered on February 12, 2021 Popularity 8/10 Helpfulness 4/10

answer javascript button add input to list item

javascript button add input to list item

Comment

//Defining a listener for our button, specifically, an onclick handler
document.getElementById("add").onclick = function() {
    //First things first, we need our text:
    var text = document.getElementById("idea").value; //.value gets input values

    //Now construct a quick list element
    var li = "<li>" + text + "</li>";

    //Now use appendChild and add it to the list!
    document.getElementById("list").appendChild(li);
}

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: button javascript list

Link to this answer
Share Copy Link