1
respuesta

[Duda] No me sale el appendChild

Referente al curso JS en la Web: Manipulación del DOM con JavaScript, en el capítulo Agregar una tarea a la lista y actividad Haga lo que hicimos en aula

por Carolaine Zuley Segura Gonzalez
| 83.4k xp | 91 posts
N/A 
const btn = document.querySelector('[data-form-btn]');

const createTask = (evento) => {
  evento.preventDefault();
  const input = document.querySelector('[data-form-input]');
  const value = input.value;
  const list = document.querySelector('[data-list]');
  const task = document.createElement('li');
  task.classList.add('card');
  input.value = '';

  const content = `<div>
  <i class="far fa-check-square icon"></i>
  <span class="task">${value}</span>
</div>
<i class="fas fa-trash-alt trashIcon icon"></i>`;

task.innerHTML = content;

list.appendChild(task);

  console.log(content);
};

console.log(btn);

//Arrow functions o funciones anonimas
btn.addEventListener('click', createTask);
1 respuesta
por Rafaela Rocha
| 2874.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Carolaine!

Viendo el código que compartiste, parece que estás tratando de agregar un nuevo elemento a una lista existente en tu página web. Para hacer esto, estás utilizando el método appendChild() del objeto list.

Sin embargo, no estás recibiendo ningún error en la consola, por lo que no está claro cuál es el problema exacto que estás enfrentando.

Una posible solución podría ser verificar que el selector '[data-list]' esté seleccionando el elemento correcto en tu página web. También puedes verificar que el evento click se esté activando correctamente en el botón btn.

Espero que esto te ayude a solucionar tu problema. ¡Buena suerte!

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)