Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Function IIFE

Quisiera saber el motivo por el cuál se quito la función IIFE del archivo script.js, si esto se deba a que podría provocar un error o algo. Con función IIFE:

(()=> {
import checkComplete from "./components/checkComplete.js";
import deleteIcon from "./components/deleteIcon.js";

const btn = document.querySelector("[data-form-btn]");
const input = document.querySelector('[data-form-input]'); 
const list = document.querySelector('[data-list]');
const noTask = document.querySelector('.noTask');

const createTask = (evento) => {
    evento.preventDefault();
    const text = input.value;

    if(text !== ""){
        const task = document.createElement('li');
    task.classList.add('card');

    const taskContent = document.createElement('div');
    const titleTask = document.createElement('span');
    titleTask.classList.add('task');
    titleTask.textContent = text;

    taskContent.appendChild(checkComplete());
    taskContent.appendChild(titleTask);
    task.appendChild(taskContent);
    task.appendChild(deleteIcon());
    list.appendChild(task);
    input.value = '';
    noTask.style.display = 'none';
    }
}

btn.addEventListener("click", createTask );

})();

Sin función IIFE

import checkComplete from "./components/checkComplete.js";
import deleteIcon from "./components/deleteIcon.js";

const btn = document.querySelector("[data-form-btn]");
const input = document.querySelector('[data-form-input]'); 
const list = document.querySelector('[data-list]');
const noTask = document.querySelector('.noTask');

const createTask = (evento) => {
    evento.preventDefault();
    const text = input.value;

    if(text !== ""){
        const task = document.createElement('li');
    task.classList.add('card');

    const taskContent = document.createElement('div');
    const titleTask = document.createElement('span');
    titleTask.classList.add('task');
    titleTask.textContent = text;

    taskContent.appendChild(checkComplete());
    taskContent.appendChild(titleTask);
    task.appendChild(taskContent);
    task.appendChild(deleteIcon());
    list.appendChild(task);
    input.value = '';
    noTask.style.display = 'none';
    }
}

btn.addEventListener("click", createTask );
1 respuesta

Hola Angel, espero que estés bien!

IIFE (Expresión de función invocada inmediatamente) es una función de JavaScript que se ejecuta tan pronto como se define. Es un patrón de diseño también conocido como función anónima autoejecutable y consta de dos partes principales. La primera es la función anónima cuyo alcance léxico está encapsulado entre paréntesis. ¡Muchas gracias por su contribución! ¡Para cualquier duda, estoy disponible! ¡Vamos juntos! ¡No desanimes! :)

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