how to make a <li> when clicked on a button js

Cloudy Caracal answered on August 16, 2021 Popularity 4/10 Helpfulness 1/10

answer how to make a <li> when clicked on a button js

related how to make a <li> when clicked on a button js

how to make a <li> when clicked on a button js

Comment

<form>
    <input type="text" name="userinput">
    <input type="button" value="Add LI" onclick="AddLi(userinput.value)">
</form> 
<span id="out"/>

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: button javascript when

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Cloudy Caracal

0 Answers Avg Quality 2/10

Closely Related Answers

how to make a <li> when clicked on a button js

Comment

function AddLi(str)
{
    var li = document.createElement('li');
    li.appendChild(document.createTextNode(str))
    li.innerHTML += ' <button onclick="this.parentNode.remove()">-</button>';
    document.getElementById("out").appendChild(li);
}

Popularity 3/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: when javascript button

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Cloudy Caracal

0 Answers Avg Quality 2/10

how to make a <li> when clicked on a button js

Comment

(function () {
  document.querySelector('#add').addEventListener('click', function () {
    let input = document.querySelector('#text');
    let list = document.querySelector('#list'); 
    
    let item = document.createElement('li'); // create li node
    let itemText = document.createTextNode(input.value); // create text node
    
    item.appendChild(itemText); // append text node to li node
    list.appendChild(item); // append li node to list
    
    input.value = ""; // clear input
  });
})();

Popularity 4/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript when button

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Cloudy Caracal

0 Answers Avg Quality 2/10

how to make a <li> when clicked on a button js

Comment

<div>
  <input id="text" type="text" />
  <button id="add">Add</button>
</div>

<ul id="list">
  <li>example item</li>
</ul>

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: button javascript when

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Cloudy Caracal

0 Answers Avg Quality 2/10

how to make a <li> when clicked on a button js

Contents

More Related Answers

how to make a <li> when clicked on a button js

Closely Related Answers

how to make a <li> when clicked on a button js

how to make a <li> when clicked on a button js

how to make a <li> when clicked on a button js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.