Se ha desarrollado la página con fines educativos. Se ha enfocado el uso de los eventos, acciones, y el DOM solamente con JavaScript. (Se actualizaron las imagenes referenciales)
Indice
- HTML5
- JavaScript
- CSS
- Boostrap 5
// LOS PRODUCTOS REGISTRADOS
productos_html = {
1: {
"id": 1,
"name": "EcoSync X22 Ultra", "marca": "EcoSync",
"price": 5219.5,
"image": "img_1.png",
"id_chk": "producto_1", "for_chk": "producto_1",
"video": "https://www.youtube.com/embed/Mkl7TuvBDb0",
"description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
},
2: {
"id": 2,
"name": "EcoSync E52S", "marca": "EcoSync",
"price": 1759.5,
"image": "img_2.png",
"id_chk": "producto_2", "for_chk": "producto_2",
"video": "https://www.youtube.com/embed/nhHcYjl7sCE",
"description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
},
3: {
"id": 3,
"name": "EcoSync T22 64GB", "marca": "EcoSync",
"price": 839,
"image": "img_3.png",
"id_chk": "producto_3", "for_chk": "producto_3",
"video": "https://www.youtube.com/embed/KWOT9Wvucn4",
"description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
},
4: {
"id": 4,
"name": "NovascX Note 11E", "marca": "NovascX",
"price": 1259,
"image": "img_4.png",
"id_chk": "producto_4", "for_chk": "producto_4",
"video": "https://www.youtube.com/embed/Gdz11wEz3S4",
"description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
},
5: {
"id": 5,
"name": "NovascX Note 10U", "marca": "NovascX",
"price": 1119,
"image": "img_5.png",
"id_chk": "producto_5", "for_chk": "producto_5",
"video": "https://www.youtube.com/embed/7qnicWeA_pI",
"description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
},
6: {
"id": 6,
"name": "NovascX 11YE", "marca": "NovascX",
"price": 2589.5,
"image": "img_6.png",
"id_chk": "producto_6", "for_chk": "producto_6",
"video": "https://www.youtube.com/embed/wfz9W6wGFlc",
"description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
},
7: {
"id": 7,
"name": "PulsetTech GTX Master Full", "marca": "PulsetTech",
"price": 1949,
"image": "img_7.png",
"id_chk": "producto_7", "for_chk": "producto_7",
"video": "https://www.youtube.com/embed/kTOWWS1yZ_g",
"description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
},
8: {
"id": 8,
"name": "PulsetTech C26E", "marca": "PulsetTech",
"price": 579,
"image": "img_8.png",
"id_chk": "producto_8", "for_chk": "producto_8",
"video": "https://www.youtube.com/embed/EASx4Ev4XcA",
"description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
}
}
Se ha desplegado el proyecto en GitHub https://alex7320.github.io/PracticaJavaScript
Imagenes extraídas de https://lexica.art
Se ha incrustado los vídeos de Isa Marcial https://www.youtube.com/IsaMarcial
- Versión 1.1: Correción de pantalla principal.
- Versión 1.2: Se quito numeración de listado de compras.
- Versión 1.3: Corección de vinculos.