Barcode Generator Vanilla.js dan HTML

 Barcode Generator

Vanilla.js & Html

<img id="barcode"></img>

<p><button onclick="download()">Download</button></p>

<!-- Load Library -->

<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>

<script>

    window.addEventListener("load", async () => {

        await loadBarcode();

    })

    function loadBarcode() {

        JsBarcode("#barcode", "1234567890", {

            format: "CODE128",

            lineColor: "#000",

            width: 2,

            height: 40,

            displayValue: true

        });

    }

    function download() {

        const image = document.getElementById("barcode");

        const rand = (Math.random() * 134536348674647387);

        const a = document.createElement('a');

        document.body.appendChild(a);

        a.href = image.src;

        a.download = rand + ".png";

        a.click();

        document.body.removeChild(a);

    }

</script>