Cómo hacer un Listador de Ítems en Javascript

Listador de Items

Aprende cómo hacer un listador de ítems en Javascript, comparto el código.

En el siguiente vídeo, doy los detalles del proceso relacionado:

Enlaces para descargar el Listador de Ítems en Javascript

Para instalar y ejecutar Javascript no es necesario descargar nada adicional.

Para descargar el proyecto en github el enlace es el siguiente:

https://github.com/configuroweb/listadeitems

En Google Drive el enlace de descarga es el siguiente:

https://drive.google.com/open?id=1M-ACBtUi0e21MVZKW605CFT6cikc56yP

El proyecto consta de dos documentos principales, el llamado app.js y el index.html

En el documento app.js está toda la lógica del Listador de Ítems, es donde se establecen las conexiones y se indica como se va a agregar y eliminar información.

En el documento index.html se llama a el enlace con el que se estable la conexión con Bootsrap, que es el siguiente:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

Este tramo de código se pone el head del documento index.html.

Al final de la etiqueta body, se pone el siguiente tramo de código

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Encima de este tramo se pone lo siguiente, que es la conexión con el documento app.js

<script src="app.js"></script>

Al final queda montado el Listador de Ítems, solo abres el documento index.html con cualquier navegador, como Google Chrome o Firefox, preferiblemente.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

×
¿Qué te interesa?
Selecciona los temas de interés sobre
los que deseas recibir noticias: