{"id":841,"date":"2023-10-22T12:12:55","date_gmt":"2023-10-22T05:12:55","guid":{"rendered":"http:\/\/neonetipong.byethost7.com\/?post_type=portfolio&#038;p=841"},"modified":"2023-10-31T14:46:03","modified_gmt":"2023-10-31T07:46:03","slug":"qr-code-generator","status":"publish","type":"portfolio","link":"https:\/\/netipong.me\/?portfolio=qr-code-generator","title":{"rendered":"QR Code Generator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"841\" class=\"elementor elementor-841\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31ac32a e-con-full e-flex e-con e-parent\" data-id=\"31ac32a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d152ce elementor-widget elementor-widget-heading\" data-id=\"3d152ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">QR Code Generator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bbbc77 elementor-widget elementor-widget-heading\" data-id=\"6bbbc77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Enter a link to generate a QR code<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18f6a58 e-con-full e-flex e-con e-child\" data-id=\"18f6a58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-59e496d e-con-full e-flex e-con e-child\" data-id=\"59e496d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fd9780 elementor-widget elementor-widget-html\" data-id=\"9fd9780\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcodejs@1.0.0\/qrcode.min.js\"><\/script><input id=\"link\" class=\"input-qr\" type=\"text\" placeholder=\"Enter link\" \/>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b555a0b elementor-widget elementor-widget-button\" data-id=\"b555a0b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"generate-button\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-md\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Generate QR Code<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62136f3 elementor-widget elementor-widget-button\" data-id=\"62136f3\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"reset-button\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-md\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Reset QR Code<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a152122 e-flex e-con-boxed e-con e-child\" data-id=\"a152122\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9877980 elementor-widget elementor-widget-html\" data-id=\"9877980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"qr-code\"><\/div><script>\n\tconst linkInput = document.getElementById('link');\n\tconst generateButton = document.getElementById('generate-button');\n\tconst resetButton = document.getElementById('reset-button');\n\tconst qrCodeContainer = document.getElementById('qr-code');\n\n\tgenerateButton.addEventListener('click', () => {\n\t\t\/\/ Get the value of the input field\n\t\tconst link = linkInput.value;\n\n\t\t\/\/ Remove the old QR code element\n\t\tqrCodeContainer.innerHTML = '';\n\n\t\t\/\/ Create a new QR code using the qrcodejs library\n\t\tconst qrCode = new QRCode(qrCodeContainer, {\n\t\t\ttext: link,\n\t\t\twidth: 256,\n\t\t\theight: 256,\n\t\t\tcolorDark: '#000000',\n\t\t\tcolorLight: '#ffffff',\n\t\t\tcorrectLevel: QRCode.CorrectLevel.H\n\t\t});\n\t});\n\tresetButton.addEventListener('click', () => {\n\t\tqrCodeContainer.innerHTML = '';\n\t\tlinkInput.value = '';\n\t});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":1025,"menu_order":0,"template":"","portfolio-category":[30],"portfolio-tag":[],"class_list":["post-841","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio-category-freetime"],"_links":{"self":[{"href":"https:\/\/netipong.me\/index.php?rest_route=\/wp\/v2\/portfolio\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/netipong.me\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/netipong.me\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":15,"href":"https:\/\/netipong.me\/index.php?rest_route=\/wp\/v2\/portfolio\/841\/revisions"}],"predecessor-version":[{"id":962,"href":"https:\/\/netipong.me\/index.php?rest_route=\/wp\/v2\/portfolio\/841\/revisions\/962"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/netipong.me\/index.php?rest_route=\/wp\/v2\/media\/1025"}],"wp:attachment":[{"href":"https:\/\/netipong.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=841"}],"wp:term":[{"taxonomy":"portfolio-category","embeddable":true,"href":"https:\/\/netipong.me\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio-category&post=841"},{"taxonomy":"portfolio-tag","embeddable":true,"href":"https:\/\/netipong.me\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio-tag&post=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}