Generate & Download QR Code in HTML and JavaScript

In this short tutorial, you'll learn how to generate and download QR code using HTML and JavaScript.

Follow me on Instagram

Hire me on Fiverr

Visit my website for helpful coding projects with source code

Music credit:
Wanderlust — CRASTEL

#coding #javascript #js #htmlcss #react #reactjs #node #nodejs #html #css #jstips #backend #javascripttips #shorts #webdevelopment #typinganimation #webdeveloper #webdesign #frontend #codingforbeginners #cssanimation #csseffect #javascriptprojects #jsproject #codingnepal #how #howto #howtomake

[felixbemme]

You are not generating it with js, just calling an API. This is insanely problematic when it contains sensitive user data like for example 2 FA secret codes. Because then there is network traffic in your logs containing people's secret keys. Also, the provider could store the requests with the codes. Just use a library instead...

[Juanmv]

If you click many times on generate button it will create a lot of <a> tags 🤔

[jojojux]

Some browsers only allow the click of an a tag when it is placed on the page. So I would do that with opacity 0 and remove it afterwards.

[Actionme]

Why do you use a query selector instead of assigning a function to the button’s onclick attribute?

[Stuntman]

huge red flag. dont ever use external APIs for QR code..

[architgupta]

Can you make a QR code generator that takes image as input and generates the QR code for it

[dogik]

just use a library why rely on 3d party api

[kubazary]

but I don't think spaces will work here

[ayushgammer]

Bro I want to know how to learn js beginner

[siyamul_islam]

download blocked by cors, in production! any one try production?

[bob_kazamakis]

Nothing says “coding in js” like doing the bare minimum to call someone else’s api. 👎

[dataworldofficial]

How to make colorful or other design QR code❤❤❤ overall thanks

[geronimo]

Can someone explain me the const blob line? I don't get it

[Tikayy]

Ah yes, just another fetch, instead of generation

[justanaveragebalkan]

Why bother with mathematics when you can always waste resources and be dependent on third party provider that collects all of your user data :).