Skip to content

Instantly share code, notes, and snippets.

@parzibyte
Created August 19, 2019 17:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save parzibyte/397d4c4618447aee94b8f1f27d87d471 to your computer and use it in GitHub Desktop.
Save parzibyte/397d4c4618447aee94b8f1f27d87d471 to your computer and use it in GitHub Desktop.
/**
* Ejemplos de uso de JsBarcode
*
* @author parzibyte
*
* https://parzibyte.me/blog
*/
const productos = [
{
nombre: "Mouse Logitech",
precio: 20,
codigo: "123",
},
{
nombre: "Xiaomi Mi A1",
precio: 5000,
codigo: "123444",
},
{
nombre: "Galletas",
precio: 10,
codigo: "20205",
},
{
nombre: "Computadora portátil",
precio: 30000,
codigo: "7700545",
},
];
const $contenedor = document.querySelector("#contenedor");
// Por cada producto, crear un SVG y adjuntarlo
productos.forEach(producto => {
const elemento = document.createElement("img");
elemento.dataset.format = "CODE128";
elemento.dataset.value = producto.codigo;
elemento.dataset.text = producto.nombre + " $" + producto.precio.toFixed(2);
elemento.classList.add("codigo");
$contenedor.appendChild(elemento);
});
// Al final, inicializamos
JsBarcode(".codigo").init();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment