QR Code Generator<\/title>\n <style>\n body {\n font-family: sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background-color: #f5f5f5;\n margin: 0;\n }\n\n .container {\n width: 80%;\n max-width: 400px;\n padding: 20px;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n }\n\n h1 {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .input-group {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n\n input {\n flex-grow: 1;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n margin-right: 10px;\n }\n\n button {\n background-color: #4CAF50;\n color: white;\n padding: 10px 15px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n\n .qr-code-container {\n text-align: center;\n }\n\n .qr-code {\n width: 250px;\n height: 250px;\n }\n <\/style>\n <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>QR Code Generator<\/h1>\n <div class=\"input-group\">\n <input id=\"content\" placeholder=\"Enter content to encode\" type=\"text\" \/>\n <button id=\"generate\">Generate QR Code<\/button>\n <\/div>\n <div class=\"qr-code-container\">\n <img decoding=\"async\" alt=\"QR Code\" class=\"qr-code\" src=\"\" \/>\n <\/div>\n <\/div>\n <script>\n $(function() {\n $('#generate').click(function() {\n let content = htmlEncode($('#content').val());\n let finalURL = 'https:\/\/chart.googleapis.com\/chart?cht=qr&chl=' + content + '&chs=250x250&choe=UTF-8&chld=L|1';\n $('.qr-code').attr('src', finalURL);\n });\n\n function htmlEncode(value) {\n return $('<div\/>').text(value).html();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n<br>\n<br>\n<p data-sourcepos=\"3:1-3:48\"><strong>Create QR codes easily with this handy tool!<\/strong><\/p>\n<p data-sourcepos=\"5:1-5:159\">This simple tool allows you to generate QR codes quickly and effortlessly. QR codes are versatile tools that can store various types of information, including:<\/p>\n<ul data-sourcepos=\"7:1-11:19\">\n<li data-sourcepos=\"7:1-7:18\"><strong>Website URLs<\/strong><\/li>\n<li data-sourcepos=\"8:1-8:16\"><strong>Plain text<\/strong><\/li>\n<li data-sourcepos=\"9:1-9:25\"><strong>Contact information<\/strong><\/li>\n<li data-sourcepos=\"10:1-10:27\"><strong>Wi-Fi network details<\/strong><\/li>\n<li data-sourcepos=\"11:1-11:19\"><strong>Event details<\/strong><\/li>\n<li data-sourcepos=\"12:1-13:0\"><strong>And much more!<\/strong><\/li>\n<\/ul>\n<p data-sourcepos=\"14:1-14:38\"><strong>Using the tool is straightforward:<\/strong><\/p>\n<ol data-sourcepos=\"16:1-16:50\">\n<li data-sourcepos=\"16:1-16:50\"><strong>Enter the content<\/strong> you want to encode in the provided text box.<\/li>\n<li data-sourcepos=\"17:1-17:43\"><strong>Click the “Generate QR Code” button.<\/strong><\/li>\n<li data-sourcepos=\"18:1-18:88\">The tool will instantly generate a QR code for you, displayed right below the button.<\/li>\n<li data-sourcepos=\"19:1-20:0\"><strong>Save or download the QR code<\/strong> as an image to use it wherever you need.<\/li>\n<\/ol>\n<p data-sourcepos=\"21:1-21:175\">Whether you’re sharing website links, creating digital business cards, or enhancing marketing materials, this QR code generator makes it easy to harness the power of QR codes!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>QR Code Generator QR Code Generator Generate QR Code Create QR codes easily with this handy tool! This simple tool allows you to generate QR codes quickly and effortlessly. QR codes are versatile tools that can store various types of information, including: Website URLs Plain text Contact information Wi-Fi network details Event details And much […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":1,"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":26,"date":"2024-03-25T10:01:21","date_gmt":"2024-03-25T10:01:21","guid":{"rendered":"https:\/\/calcuconvertonline.com\/?page_id=26"},"modified":"2024-03-25T10:01:25","modified_gmt":"2024-03-25T10:01:25","slug":"qr-code-generator","status":"publish","type":"page","link":"https:\/\/calcuconvertonline.com\/index.php\/qr-code-generator\/","title":{"rendered":"QR Code Generator"},"content":{"rendered":"\n\n\n\n <\/meta>\n <\/meta>\n QR Code Generator<\/title>\n <style>\n body {\n font-family: sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background-color: #f5f5f5;\n margin: 0;\n }\n\n .container {\n width: 80%;\n max-width: 400px;\n padding: 20px;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n }\n\n h1 {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .input-group {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n\n input {\n flex-grow: 1;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n margin-right: 10px;\n }\n\n button {\n background-color: #4CAF50;\n color: white;\n padding: 10px 15px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n\n .qr-code-container {\n text-align: center;\n }\n\n .qr-code {\n width: 250px;\n height: 250px;\n }\n <\/style>\n <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>QR Code Generator<\/h1>\n <div class=\"input-group\">\n <input id=\"content\" placeholder=\"Enter content to encode\" type=\"text\" \/>\n <button id=\"generate\">Generate QR Code<\/button>\n <\/div>\n <div class=\"qr-code-container\">\n <img decoding=\"async\" alt=\"QR Code\" class=\"qr-code\" src=\"\" \/>\n <\/div>\n <\/div>\n <script>\n $(function() {\n $('#generate').click(function() {\n let content = htmlEncode($('#content').val());\n let finalURL = 'https:\/\/chart.googleapis.com\/chart?cht=qr&chl=' + content + '&chs=250x250&choe=UTF-8&chld=L|1';\n $('.qr-code').attr('src', finalURL);\n });\n\n function htmlEncode(value) {\n return $('<div\/>').text(value).html();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n<br>\n<br>\n<p data-sourcepos=\"3:1-3:48\"><strong>Create QR codes easily with this handy tool!<\/strong><\/p>\n<p data-sourcepos=\"5:1-5:159\">This simple tool allows you to generate QR codes quickly and effortlessly. QR codes are versatile tools that can store various types of information, including:<\/p>\n<ul data-sourcepos=\"7:1-11:19\">\n<li data-sourcepos=\"7:1-7:18\"><strong>Website URLs<\/strong><\/li>\n<li data-sourcepos=\"8:1-8:16\"><strong>Plain text<\/strong><\/li>\n<li data-sourcepos=\"9:1-9:25\"><strong>Contact information<\/strong><\/li>\n<li data-sourcepos=\"10:1-10:27\"><strong>Wi-Fi network details<\/strong><\/li>\n<li data-sourcepos=\"11:1-11:19\"><strong>Event details<\/strong><\/li>\n<li data-sourcepos=\"12:1-13:0\"><strong>And much more!<\/strong><\/li>\n<\/ul>\n<p data-sourcepos=\"14:1-14:38\"><strong>Using the tool is straightforward:<\/strong><\/p>\n<ol data-sourcepos=\"16:1-16:50\">\n<li data-sourcepos=\"16:1-16:50\"><strong>Enter the content<\/strong> you want to encode in the provided text box.<\/li>\n<li data-sourcepos=\"17:1-17:43\"><strong>Click the “Generate QR Code” button.<\/strong><\/li>\n<li data-sourcepos=\"18:1-18:88\">The tool will instantly generate a QR code for you, displayed right below the button.<\/li>\n<li data-sourcepos=\"19:1-20:0\"><strong>Save or download the QR code<\/strong> as an image to use it wherever you need.<\/li>\n<\/ol>\n<p data-sourcepos=\"21:1-21:175\">Whether you’re sharing website links, creating digital business cards, or enhancing marketing materials, this QR code generator makes it easy to harness the power of QR codes!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>QR Code Generator QR Code Generator Generate QR Code Create QR codes easily with this handy tool! This simple tool allows you to generate QR codes quickly and effortlessly. QR codes are versatile tools that can store various types of information, including: Website URLs Plain text Contact information Wi-Fi network details Event details And much […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":1,"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/calcuconvertonline.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}