How To Make QR Code Generator Website Using HTML CSS And JavaScript

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии • 207

  • @shifteditz06
    @shifteditz06 3 месяца назад +10

    guys, just add .trim() so that extra spaces will also be trimmed
    if(qrText.value.trim().length > 0)

  • @unclemuhsinmathclass
    @unclemuhsinmathclass Год назад +19

    This is my tertiary institution. God bless you Sir.

  • @AkshitModhiya
    @AkshitModhiya Год назад +13

    Whatever lectures you teach, you teach very well and in a very easy way & this is best sir... Please make a full course of JavaScript 🫰

  • @adityarajsah414
    @adityarajsah414 2 месяца назад +4

    Complited the video in 50 minutes, very clear video and understandable

    • @GreatStackDev
      @GreatStackDev  2 месяца назад +1

      Glad you liked it! Thank you. 😊 Keep coding.

  • @Ri_Mohammed
    @Ri_Mohammed Год назад +4

    Today I completed all your video that u upload from past... It's my patience and hard work doing from last 3 month
    .. also your content support

    • @GreatStackDev
      @GreatStackDev  Год назад +2

      Thank you so much 😀

    • @AduleLucky
      @AduleLucky 6 месяцев назад

      I really enjoy following your tutorials 👍👍👍 you really explain the contents very well

  • @FaraidunHussain
    @FaraidunHussain Год назад +3

    All the way,you’re a great Teacher.

  • @rahulrj5884
    @rahulrj5884 4 месяца назад +3

    Sometimes API's doesn't work,there are multiple third party free API's present ,if this API is not working then just try with another API link,it will work.

  • @WillyRahmannanoff
    @WillyRahmannanoff Год назад +7

    Excellent tutorial. Easy to follow, useful, and practical.

  • @anshikachaudhary9178
    @anshikachaudhary9178 Год назад +3

    really helpful for basic level developers as well as advance developers, keep going 😃😃😃

  • @ojileemmanuel6817
    @ojileemmanuel6817 Год назад +3

    This was really helpful in my DOM manipulation understanding 😌 Keep Up The Good Work👏

  • @sameeransari4898
    @sameeransari4898 Год назад +1

    I watched to may video but this tutorial was very easy thanks.💟💟💟💟💟

  • @kamaleshpramanik7645
    @kamaleshpramanik7645 22 часа назад

    Beautiful small project .. Thank you very much.

  • @Soulcode-k
    @Soulcode-k 3 месяца назад

    I actually modified the code a little and because of that it was enjoyable. I did it in my first try❤❤❤❤

  • @ArtByGerrett
    @ArtByGerrett Год назад +1

    thank you for the tutorial! It was fun working on this. I even adding a background-color to the qrText box. If an error occurred not only did it shake but it would turn red as well.

  • @isamsvideoediting4572
    @isamsvideoediting4572 Год назад +3

    Thanks Avinash for your wonderful tutorials. Your channel is a goldmine. I get a lot of benefits from your tutorials.

  • @KITYASAMUEL
    @KITYASAMUEL Год назад

    It works
    thank you for working tirelessly to teach us how to code

  • @Deephika.
    @Deephika. Год назад

    It's working man.. really awesome.. thank you so much

  • @ToycarsaddictDaily
    @ToycarsaddictDaily Год назад +2

    Very cool :D What about a download button then to download the generated QR Code as a JPG image? I'm currently stuggeling with that! Thank you :D

  • @ReenaYadav-ni2ow
    @ReenaYadav-ni2ow 5 месяцев назад +1

    yes its working , very helpfull tutorial.. thanks

    • @GreatStackDev
      @GreatStackDev  5 месяцев назад

      Glad you liked it. Thanks for your comment. 😊

  • @Applecitylightkiwi
    @Applecitylightkiwi Год назад

    thanks. i extended this tut by using another barcode api, and looping through the values and select them, then join in the link
    let selectedOptions = [];

    options.forEach(function(option) {

    if (option.selected > 0) {
    selectedOptions.push(option.value);
    }
    });

    if (inputText.value && selectedOptions.length > 0) {
    BC.src = "apiurl :D" + selectedOptions.join("/") + "/" + inputText.value;
    } else {
    alert("Either barcode or text is invalid");
    }

  • @movieshub-y2q
    @movieshub-y2q Год назад

    I am watching your almost all your video sir really helpful😊😊

  • @HCxSVQ
    @HCxSVQ 9 месяцев назад

    I liked it, I miss the possibility to generate the QR with an image in the middle, as many businesses do. I tried to do it myself but the image covers part of the QR so it is impossible to be scanned :(

  • @mitoskatsa1091
    @mitoskatsa1091 11 месяцев назад

    very good video mi friend good job thank you i have watched two of them so far and they are both excellent

  • @sherwintayo1286
    @sherwintayo1286 Год назад

    Your videos is very helpful to explre and learn, and I wish you will always explain the code in every video that you upload😊😊

  • @muhammadmunsif260
    @muhammadmunsif260 6 месяцев назад

    great my dear sir the way you teach us amazing and outstanding and its work

  • @seshadridutta4128
    @seshadridutta4128 4 месяца назад

    Thank You for the awesome tutorial! Its really working:)

  • @donkris2062
    @donkris2062 Год назад +1

    very good video, I am very big fun of your work mate!

  • @christophermawela3318
    @christophermawela3318 Месяц назад

    Thanks Avinash, working well...

  • @super-TechCctv
    @super-TechCctv 11 месяцев назад

    thank you for making this helpful video for US Thanks brother!❤

  • @gurvirsinghkhalsa614
    @gurvirsinghkhalsa614 Год назад

    Really Amazing Tutorial ... I will definately try This one :) ... Give some tutorial on QR code scanner or reader

  • @ravindrasarode6752
    @ravindrasarode6752 Год назад

    Thanks a Lot man, its really useful and practical, excellent work man 😍

  • @reddy-kumar12
    @reddy-kumar12 8 месяцев назад

    very helpful tutorial, thank you for this video

  • @daniaroundtheworld1357
    @daniaroundtheworld1357 10 месяцев назад

    It works great! Thank you!

  • @alissontomazelli
    @alissontomazelli 8 месяцев назад

    Amazing man, thanks for your help.

  • @SurajSalve-kn4sn
    @SurajSalve-kn4sn Год назад +1

    You have make wonderful with best guides, but sir i am geeting issue in ^script^ my qr code is not able to seen sir plz suggest

  • @priyapajjuri3517
    @priyapajjuri3517 3 месяца назад

    Excellent teaching sir

  • @samircolpasgonzalez5638
    @samircolpasgonzalez5638 Год назад +1

    very helpful tutorial, thank you for your content!

  • @stutichoudhury5310
    @stutichoudhury5310 Год назад +2

    This video is so helpful..thank you so much for providing it 😊. Can you please make a video on QR Code Scanner using HTML, CSS and JavaScript ? Please !!

  • @shibin2188
    @shibin2188 Год назад

    It was a really helpful video.
    I wanted to make a dynamic qr code generator website. Hope you will make a video on that topic

  • @avtandilbagration6327
    @avtandilbagration6327 8 месяцев назад

    Thank you for the video your are the best !!!

  • @pervinnahid1667
    @pervinnahid1667 8 месяцев назад

    Thanks a lot for this helpful video.......

  • @keshavkekane6508
    @keshavkekane6508 Год назад +4

    Thanks for this video. I regularly follow up your tutorials and they are all very useful for learning. This one about QR code is good to use as well. Can we have similar tutorial for barcode generator? I tried barcode API to replace your given QR code API, but it seems, it needs some more settings.

    • @GreatStackDev
      @GreatStackDev  Год назад +1

      replace with this line of code
      qrImage.src = "barcodeapi.org/api/auto/" + qrText.value;

    • @keshavkekane6508
      @keshavkekane6508 Год назад

      @@GreatStackDev Thanks for the quick help. I changed accordingly, and it now can generate a barcode. But the scanner does not scan it on PC monitor. Probably, does it need to be printed on paper and then scan?

    • @vishalmishra9885
      @vishalmishra9885 Год назад

      QR IMG sir not load it

  • @konstantinreut2577
    @konstantinreut2577 Год назад

    Wonderful lesson! Thank you!

  • @tebiksingh
    @tebiksingh 11 месяцев назад

    Thank you so much master, this is awesome

  • @Kodjomessie
    @Kodjomessie 7 месяцев назад

    This is Great!
    I love it

  • @quantyquanty3724
    @quantyquanty3724 Год назад +5

    Very useful tool you have shared here. Can you make an updated version with logo and other files input? Thanks in advance.

    • @EVGAMING5512
      @EVGAMING5512 11 месяцев назад

      Bhai tujhe taare kyu mile hai 😅😅

    • @shifteditz06
      @shifteditz06 3 месяца назад

      @@EVGAMING5512 vo member hain

  • @muhamadwisnumubarok5955
    @muhamadwisnumubarok5955 Год назад

    thank u sir, from indonesia

  • @obisistus472
    @obisistus472 Год назад +2

    Awesome. Please is there a way you can make the QR code download able?

  • @tamil_pasanga8225
    @tamil_pasanga8225 8 месяцев назад

    Thanks brother, it's working ❤

  • @Dr.smileclinic
    @Dr.smileclinic Год назад

    You make anything easy bro..thanks

  • @OladipupoAyokunmi-kv3eb
    @OladipupoAyokunmi-kv3eb Год назад

    thanks so much
    Nice job bro

  • @ravikantsbiradarravikantsb5807

    Broo make a video how to start web development journey....plz

    • @GreatStackDev
      @GreatStackDev  Год назад

      start with this tutorial: ruclips.net/video/GAZVvpjxYQY/видео.html

  • @maxlearningtech3423
    @maxlearningtech3423 Год назад +2

    The best

  • @User--died1234
    @User--died1234 3 месяца назад

    great work but it would be better if we could have downloaded the QR code in jpg format

  • @souravnaskar9880
    @souravnaskar9880 Год назад

    Make a full basic video of JavaScript.
    please
    I want to know JavaScript
    Upload videos via playlists.
    Please sir🙏🏻🙏🏻🙏🏻 .

  • @ash_king3740
    @ash_king3740 3 месяца назад

    i loved that shaking part of the vedio

  • @dadi_vlogs3254
    @dadi_vlogs3254 Год назад

    Hello Avinashi bro I wish I write your name correctly,
    lots of thank about your videos.
    but I have a question : - If we want to generate QR Code of number 0, what should we do in code to make it works well.

  • @saisekhar5168
    @saisekhar5168 4 месяца назад

    its helpfull broo!!!

  • @sidtech10
    @sidtech10 Год назад

    so helpfull and easy

  • @biologyfacts2760
    @biologyfacts2760 Год назад

    yes it is working thanks

  • @aishwaryakamati8071
    @aishwaryakamati8071 Год назад

    Sir i want become like u sir in coding how it become so r u plz comment what step i have to follow sir

  • @Storos
    @Storos Год назад +1

    Awesome!!!

  • @sarasarsora5385
    @sarasarsora5385 Год назад

    Thank you very much

  • @mayankcharan1688
    @mayankcharan1688 10 месяцев назад

    Great project

  • @souravnaskar9880
    @souravnaskar9880 Год назад

    How to get started with the basics of JavaScript.
    How to learn javascript step by step for beginner.
    Please 🙏🏻🙏🏻

  • @vidyazade7625
    @vidyazade7625 Год назад

    thankyou @GreatStack for your wonderfull tutorials, it helps a lot

  • @SarojAgnihotri_Vlog
    @SarojAgnihotri_Vlog Год назад

    Thank you sir

  • @Sandy-WebFlow
    @Sandy-WebFlow 6 месяцев назад

    Thanku sir it's work

  • @zia___7866
    @zia___7866 Год назад

    Very Good

  • @TheFkedOnes
    @TheFkedOnes 10 месяцев назад +30

    Everytime I try to follow your tutorials, they just won't work. I have no idea what I am doing wrong, and it is getting really annoying.

    • @Evertus_
      @Evertus_ 9 месяцев назад

      What is wrong with your file? Should be no issue

    • @nnaemekasolomon3534
      @nnaemekasolomon3534 9 месяцев назад +3

      I also faced the same challenge with this video.
      The QR Code wasn't working, I checked and checked to see if there was any error or bug in my code, but there was none. I didn't really know what went wrong. 😢
      But in all, the video was great, good one sir 👍

    • @alexkosgei4469
      @alexkosgei4469 7 месяцев назад

      I have the same problem 😕

    • @neon_panda_2604
      @neon_panda_2604 6 месяцев назад +1

      Brother Same I have Tried To check it again and again but no error was there.... Can Somebody Please Help me

    • @ManasRanjanSahu
      @ManasRanjanSahu 6 месяцев назад +1

      I have the same problem also 😢

  • @shubhamrathod9249
    @shubhamrathod9249 6 месяцев назад +1

    Thank you

  • @sanjeev1574
    @sanjeev1574 11 месяцев назад

    thank you ❤

  • @chamith_z1298
    @chamith_z1298 Год назад

    thankx sir

  • @rahulshendre7089
    @rahulshendre7089 4 месяца назад

    thanks a lot

  • @kritikasoni9730
    @kritikasoni9730 Год назад

    very nice

  • @specialcharactersarentallo9855

    Hello, this was a very great help. But i have 4 inputs in my code how do i add more qrText.value in my qr code so all my input will show when i scan the qr or is it even possible.

  • @akshay9940
    @akshay9940 Год назад

    Nice one

  • @greentube2024
    @greentube2024 Год назад

    Thank you very much❤. Bro could you please explain how to download this qr code as png file format. I would be grateful to you if you provide the information. Thank you❤.

  • @nkmcreationzz5999
    @nkmcreationzz5999 Год назад

    hi Sir ,Thanks much for the wonderful tutorials.I have watched "e-commerce website design using html and css" videos and Iam able to create one now 😊 .But confused with database ,like how do we get user's selection when they do purchase and all.Could you pls add a video for this.Thank you

    • @GreatStackDev
      @GreatStackDev  Год назад +1

      sorry i just make front end tutorials on my channel

    • @uidairasra
      @uidairasra Год назад

      @@GreatStackDev bhai kisi bhej document ka format kaise banate hai adhar card aur aay jaati niwas ka dob ka kaise banate hai please is bare me bataye for education purpuce

  • @Onepiece_legends
    @Onepiece_legends Год назад

    nice tuto , are u selling code source of this code ? because i want to download it but i didn't find it

  • @jarirahmed4537
    @jarirahmed4537 10 месяцев назад

    Useful

  • @jayaramahospet
    @jayaramahospet 4 месяца назад

    working on thankyou

  • @ravishbisht502
    @ravishbisht502 Год назад

    Yo bro helpfull

  • @AbdurRahman-ll3us
    @AbdurRahman-ll3us Год назад +1

    love sir

  • @EverestMc7
    @EverestMc7 9 месяцев назад

    thenk you bro

  • @Dibyendu-dev
    @Dibyendu-dev Год назад

    thank u

  • @ozodbek_developer
    @ozodbek_developer 6 месяцев назад +1

    great

  • @pcprajapat007
    @pcprajapat007 Год назад

    Thanks for your help. God bless you😋😋😋

  • @iamuzzalhossen
    @iamuzzalhossen 6 месяцев назад

    thanks

  • @davinalfredo484
    @davinalfredo484 10 месяцев назад

    How to change the color of the qr code and maybe add some logo or either frame on it?

  • @dreamdiary_790
    @dreamdiary_790 Месяц назад

    HOW to adda button in input box to clear the text of input field and remove the generated qrcode

  • @zalagautamsinh9711
    @zalagautamsinh9711 Год назад

    Hy bro kya qr code me image dal sakte he kya❤

  • @prodsmavs
    @prodsmavs Год назад +1

    Hey there, how did you change the default colors of the code editor. I noticed your CSS has different font colors in VScode

  • @Entertainment-b9d
    @Entertainment-b9d 6 месяцев назад

    yes bro its working

  • @daevzandil
    @daevzandil Год назад

    Hooray works

  • @pain5772
    @pain5772 Год назад +1

    Sir plzz help qr-code is not showing
    The problem is in when i use id the animation is working but qr-code is not showing. But when i use class instead of id it shows qr-code but not the animation. Please help sir

  • @yashwanthreddy1048
    @yashwanthreddy1048 Год назад

    you should have provided an link to download source code in Description

  • @SalmanShah95
    @SalmanShah95 Год назад

    Great

  • @sunnymeghrajani8776
    @sunnymeghrajani8776 7 месяцев назад

    Can we make a music player in which we can search a particular song and using api it will show and play using javascript?

  • @AnuradhaBiradar-e4g
    @AnuradhaBiradar-e4g 3 месяца назад

    Sir I don't have option open with live server can you guide me how I run this code please