Skip to main content

Creating QRCode Generator Using JavaScript ft. QRCode.js

 

 Creating QRCode Generator Using JavaScript ft. QRCode.js


Add the QRCode Generator widget to your Blogger...

  
<div style="text-align: center;"><iframe src="https://qrcodejs.sh20raj.repl.co/index.svg"></iframe></div>




Copy the JavaSCript CDN :-
  
<script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@master/qrcode.js"></script>



Here is A Sample Code :-
  
<div id="qrcode"></div>
<script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@master/qrcode.js"></script>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
	text: "http://jindo.dev.naver.com/collie",
	width: 128,
	height: 128,
	colorDark : "#000",
	colorLight : "#fff",
	correctLevel : QRCode.CorrectLevel.H
});
</script>


Sample CodepenQrCode.JS GitHub Documentaion


- Now Making Input For User and Make it more Advanced.

See Demo on Repl.it :- https://replit.com/@SH20RAJ/qrcodejs#index.html

Blogger Demo :- https://qrgeneratoropen.blogspot.com/

Single Page Code For Blogger :-


Comments

∅ ÜÑKÑØWN said…
Chats During Video Making...


Creating QRCode Generator Using JavaScript ft. QRCode.js

If you want to add a qrgenerator widjet to blogger then you can just copy paste the code...

So your viewers can scan text or url from mobile devices from pc...



Now, Let's create a Qrcode Scanner Using Pure JavaScript...

See a simple/sample code here...
Get more documentation from GitHub...


See All the basic Doc...

So this is Working...
So let's start from begginhg...

You can See this Parameters...
This will Create a QRCode Class (oop)
Input the id where you want to get the qr code...

Here put your Code

You can also customize your qr code...
Your qr will be updated automatically...


Let's make it Use Friendly ...
Use will input any url or text and will get the qr code...


Like this...

Let's make it fun...

Let's Check this QR.

This is working...

Let's add some Css...

So Here we made our qr code generator...


Using JavaScript and Css...

Let's Implement it on Blogger...

I wil firstly embed the code for you...

Thatyou will be able to copy directly from Article

You can Also Use GitcodeEmbedder to embed your github files or other url files js/css/html/php codes for embbeding


So that's how to create a qr code generator using javascript (Full Detailed Video for begginers also...)

So....

Thanks For watching till Last...
/

//
/
/

/





Unknown said…
Hello sir
Can you please explain how to make quiz for blogger

Popular posts from this blog

FamilyAlbum - Free Unlimited Storage - Share Family Photos and Videos - Auto-Organized Album

Website :- https://family-album.com Play Store :- https://play.google.com/store/apps/details?id=us.mitene Description from Play Store The best way to safely share and organize your family’s photos and videos. Unlimited storage, no ads, and it’s free! 3 Reasons to Start Your Album: 1) You’ll love it YOUR MEMORIES ON DISPLAY. Show off your photos and videos in a way that’s both beautiful and intuitive. Everything is automatically sorted by month, complete with your child’s age. Just swipe the screen to go back in time! UNLIMITED STORAGE. Back up all your memories for free. STREAMLINED SHARING. No more sharing the same photo with five different group chats. All your photos, all your videos, all your favorite people, all in one place. YOUR PRIVACY IS OUR PRIORITY. Your album is completely private. All content you upload to the app belongs to you, and it can only be viewed by you and the family and friends you invite. That also ...

Making AI Song Covers with RVC - Google Colab

Making AI Song Covers with RVC * Google Colab or Local Install These are the two main options for making AI song covers. You can run RVC on your computer if you have a PC with a decent NVIDIA graphics card (GPU), or you can run it for free through the Google Colab web page. Running Google Colab This is the recommended Google Colab for using voice models: https://colab.research.google.com/drive/1Gj6UTf2gicndUW_tVheVhTXIIYpFTYc7?usp=sharing After enough time, Google limits your GPU usage and you have to wait to use the GPU again. This will slow down your conversion speeds, but it will still be usable as long as you use ‘rmvpe’ mode (considered to be the general best mode, tied with mangio-crepe). ~3 minute song took 9 minutes for me without the GPU. Some people make alternate Google accounts to get around the GPU limits, or they pay for Colab Pro. Most commonly happens for people training their own voices since that requires a lot of GPU power. Running Locally Check...

Random Posts