“como hacer un” Código de respuesta

Cómo hacer un
  • cuando se hace clic en un botón JS
  • 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);
    }
    Cloudy Caracal

    Cómo hacer un
  • cuando se hace clic en un botón JS
  • (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
      });
    })();
    Cloudy Caracal

    Cómo hacer un
  • cuando se hace clic en un botón JS
  • <form>
        <input type="text" name="userinput">
        <input type="button" value="Add LI" onclick="AddLi(userinput.value)">
    </form> 
    <span id="out"/>
    Cloudy Caracal

    Cómo hacer un
  • cuando se hace clic en un botón JS
  • <div>
      <input id="text" type="text" />
      <button id="add">Add</button>
    </div>
    
    <ul id="list">
      <li>example item</li>
    </ul>
    Cloudy Caracal

    Respuestas similares a “como hacer un”

    Preguntas similares a “como hacer un”

    Explore las respuestas de código populares por idioma

    Explorar otros lenguajes de código