{"id":2533,"date":"2025-01-26T13:29:36","date_gmt":"2025-01-26T13:29:36","guid":{"rendered":"https:\/\/codingtutorials.in\/?p=2533"},"modified":"2025-01-26T15:20:53","modified_gmt":"2025-01-26T15:20:53","slug":"how-to-create-multiple-meme-generator-using-javascript","status":"publish","type":"post","link":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/","title":{"rendered":"How to Create Multiple Meme Generator Using JavaScript?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2533\" class=\"elementor elementor-2533\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63708a3 e-flex e-con-boxed e-con e-parent\" data-id=\"63708a3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69aa3bf elementor-widget elementor-widget-text-editor\" data-id=\"69aa3bf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The HTML code defines the structure of the &#8220;<a href=\"https:\/\/codingtutorials.in\/livecode\/memes-generator.php\"><b>Multiple Meme Generator<\/b><\/a>&#8221; page. It uses the basic structure of an HTML5 document, starting with an initial <code>html<\/code> tag with a <code>!DOCTYPE html<\/code> declaration and a language attribute of <code>\"en\"<\/code> (for English). Here are the details of the structure:<\/p>\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-6d1188f elementor-widget elementor-widget-heading\" data-id=\"6d1188f\" data-element_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\">Why Choose the Multiple Meme Generator?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d66e53 elementor-widget elementor-widget-heading\" data-id=\"8d66e53\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">1. HTML Structure<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0703c4 elementor-widget elementor-widget-text-editor\" data-id=\"e0703c4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Head Section (<code>&lt;head&gt;<\/code>)<\/strong>:<\/p><ul><li>Meta tags ensure proper character encoding and responsive design.<\/li><li>The <code>title<\/code> tag names the page &#8220;Multiple Meme Generator&#8221; browser tab.<\/li><li>The <code>style<\/code> tag contains CSS that controls the layout and visual style of the page.<\/li><\/ul><p><strong>Body Section (<code>&lt;body&gt;<\/code>)<\/strong>:<\/p><ul><li>The <code>&lt;h1&gt;<\/code> tag is used to display the page title.<\/li><li>A short <code>&lt;p&gt;<\/code> tag provides instructions for the user.<\/li><li>Forms (<code>&lt;form&gt;<\/code>) allow users to input meme text and choose a template.<\/li><li>A <code>&lt;div&gt;<\/code> with the id MemContainer serves as the area where the generated memes will be displayed.<\/li><\/ul>\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-b1c8d98 elementor-widget elementor-widget-heading\" data-id=\"b1c8d98\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">2. CSS Styling<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-506a609 elementor-widget elementor-widget-text-editor\" data-id=\"506a609\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThe styles of the <code>&lt;style&gt;<\/code> tag create a clean and attractive layout for the meme generator:\n<ul>\n \t<li>The body has a soft background color (<code>antiquewhite<\/code>), centered text, and padding around the content.<\/li>\n \t<li>Input fields and selection dropdowns have padding and font size for readability. They also have maximum width for responsiveness.<\/li>\n \t<li>When the event is clicked, the blue background of the button with white text becomes darker.<\/li>\n \t<li>The <code>.meme-container<\/code> class arranges meme images generated using <code>flexbox<\/code> in a flexible layout. This ensures that memes are displayed in a clean grid format.<\/li>\n \t<li>The memes themselves have a border, rounded corners, and a subtle shadow that makes them stand out.<\/li>\n<\/ul>\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-092cf7c elementor-widget elementor-widget-heading\" data-id=\"092cf7c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">3. JavaScript Functionality<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dbf6b8 elementor-widget elementor-widget-text-editor\" data-id=\"3dbf6b8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The core functionality of the <a href=\"https:\/\/codingtutorials.in\/livecode\/memes-generator.php\"><strong>meme generator<\/strong><\/a> is handled by the <code>Myfunction()<\/code> JavaScript function. This is how it works:<\/p><p><strong>Function initialization:<\/strong><\/p><ul><li>When the user submits the form, the <code>onSubmit<\/code> event calls the <code>Myfunction()<\/code> function.<\/li><li>It first collects the text entered by the user in the input fields (<code>FirstText<\/code> and <code>BottomText<\/code>), then encodes the text to ensure that it can be safely used in a URL.<\/li><li>It collects selected meme templates using the <code>multiple<\/code> attribute of the <code>&lt;select&gt;<\/code> element, allowing the user to select multiple templates at once.<\/li><\/ul><p><strong>Meme Generation<\/strong>:<\/p><ul><li>If no template is selected, an alert prompts the user to select at least one template.<\/li><li>For each selected meme template, the function creates a URL using the <code>apimeme.com<\/code> service that includes the template name and the user&#8217;s text.<\/li><li>It creates an <code>&lt;img&gt;<\/code> element for each meme, sets the <code>src<\/code> to the generated meme URL and displays the image. If the image fails to load, it sets an error message.<\/li><\/ul><p><strong>Displaying Memes<\/strong>:<\/p><p>The generated memes are added to the <code>memeContainer<\/code> div, and the function ensures that the container is cleared before adding new memes.<\/p>\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-1c30163 elementor-widget elementor-widget-heading\" data-id=\"1c30163\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Full HTML, CSS, and JavaScript Code<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6df8bb elementor-widget elementor-widget-code-highlight\" data-id=\"a6df8bb\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Multiple Meme Generator<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            text-align: center;\r\n            padding: 20px;\r\n            background-color: antiquewhite;\r\n        }\r\n        input, select {\r\n            margin: 10px 0;\r\n            padding: 10px;\r\n            font-size: 16px;\r\n            width: 80%;\r\n            max-width: 400px;\r\n        }\r\n        button {\r\n            padding: 10px 20px;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            background-color: #007BFF;\r\n            color: white;\r\n            border: none;\r\n            border-radius: 5px;\r\n        }\r\n        button:hover {\r\n            background-color: #0056b3;\r\n        }\r\n        .meme-container {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin-top: 20px;\r\n        }\r\n        .meme-container img {\r\n            max-width: 300px;\r\n            height: auto;\r\n            border: 2px solid #ddd;\r\n            border-radius: 10px;\r\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h1>Multiple Meme Generator<\/h1>\r\n    <p>Enter the text for your memes and select templates:<\/p>\r\n    <form id=\"Formmeme\" onsubmit=\"return Myfunction()\">\r\n        <input type=\"text\" id=\"firsttext\" placeholder=\"Top text\" required \/> <br>\r\n        <input type=\"text\" id=\"bottomText\" placeholder=\"Bottom text\" required \/> <br>\r\n        <select id=\"memeTemplates\" multiple size=\"5\" required>\r\n            <option value=\"1950s-Middle-Finger\">1950s Middle Finger<\/option>\r\n            <option value=\"10-Guy\">10 Guy<\/option>\r\n            <option value=\"One-Does-Not-Simply\">One Does Not Simply<\/option>\r\n            <option value=\"Distracted-Boyfriend\">Distracted Boyfriend<\/option>\r\n            <option value=\"Grumpy-Cat\">Grumpy Cat<\/option>\r\n        <\/select> <br>\r\n        <button type=\"submit\">Generate Memes<\/button>\r\n    <\/form>\r\n\r\n    <div class=\"meme-container\" id=\"memeContainer\"><\/div>\r\n\r\n    <script>\r\n        function Myfunction() {\r\n            const firsttext = encodeURIComponent(document.getElementById('firsttext').value);\r\n            const bottomText = encodeURIComponent(document.getElementById('bottomText').value);\r\n            const selectedTemplates = Array.from(document.getElementById('memeTemplates').selectedOptions).map(option => option.value);\r\n            const memeContainer = document.getElementById('memeContainer');\r\n            \r\n            memeContainer.innerHTML = \"\"; \r\n\r\n            if (selectedTemplates.length === 0) {\r\n                alert(\"Please select at least one meme template!\");\r\n                return false;\r\n            }\r\n\r\n            selectedTemplates.forEach(template => {\r\n                const memeUrl = `https:\/\/apimeme.com\/meme?meme=${template}&top=${firsttext}&bottom=${bottomText}`;\r\n                const img = document.createElement('img');\r\n                img.src = memeUrl;\r\n                img.alt = `Meme: ${template}`;\r\n                img.onerror = () => {\r\n                    img.src = \"\"; \r\n                    img.alt = `Failed to load ${template}`;\r\n                };\r\n                memeContainer.appendChild(img);\r\n            });\r\n\r\n            return false;\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a0ed38 elementor-widget elementor-widget-heading\" data-id=\"6a0ed38\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Key Points to Note:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19e1d1e elementor-widget elementor-widget-text-editor\" data-id=\"19e1d1e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Flexibility<\/strong>: The user can select from multiple meme templates, giving them the ability to create multiple memes at once.<\/li><li><strong>Responsiveness<\/strong>: The forms and meme images are styled to be responsive, so they adjust to different screen sizes.<\/li><li><strong>Error Handling<\/strong>: If the meme image fails to load, the error is handled gracefully by changing the image source and displaying an error message.<\/li><\/ul>\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-07e89c7 elementor-widget elementor-widget-heading\" data-id=\"07e89c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59cc437 elementor-widget elementor-widget-text-editor\" data-id=\"59cc437\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8220;Multiple Meme Generator&#8221; is a fun and interactive web page that empowers users to create personalized memes with custom text. Through a simple form, users can input their desired top and bottom text, select from a variety of popular meme templates, and instantly create memes that reflect their creativity.<\/p><p>This project demonstrates how HTML, CSS, and JavaScript can be combined to create user-friendly, dynamic web applications.\u00a0The clean design ensures that users can navigate the page easily, while the flexibility to choose multiple templates at once enhances the overall user experience. The use of APIs, such as those from apimeme.com, simplifies the process of creating memes, removing the need for complex image processing.<\/p>\t\t\t\t\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","protected":false},"excerpt":{"rendered":"<p>The HTML code defines the structure of the &#8220;Multiple Meme Generator&#8221; page. It uses the basic structure of<\/p>\n","protected":false},"author":1,"featured_media":2534,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-2533","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Multiple Meme Generator Using JavaScript<\/title>\n<meta name=\"description\" content=\"Create a Multiple Meme Generator easily with JavaScript! Add custom text at the top and bottom of your image and generate memes in just seconds.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Multiple Meme Generator Using JavaScript\" \/>\n<meta property=\"og:description\" content=\"Create a Multiple Meme Generator easily with JavaScript! Add custom text at the top and bottom of your image and generate memes in just seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100040911374714\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-26T13:29:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-26T15:20:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codingtutorials.in\/wp-content\/uploads\/2025\/01\/mems.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1424\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"coding2w_newspaper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@_CodingAcademy_\" \/>\n<meta name=\"twitter:site\" content=\"@_CodingAcademy_\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"coding2w_newspaper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Multiple Meme Generator Using JavaScript","description":"Create a Multiple Meme Generator easily with JavaScript! Add custom text at the top and bottom of your image and generate memes in just seconds.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Multiple Meme Generator Using JavaScript","og_description":"Create a Multiple Meme Generator easily with JavaScript! Add custom text at the top and bottom of your image and generate memes in just seconds.","og_url":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100040911374714","article_published_time":"2025-01-26T13:29:36+00:00","article_modified_time":"2025-01-26T15:20:53+00:00","og_image":[{"width":2560,"height":1424,"url":"https:\/\/codingtutorials.in\/wp-content\/uploads\/2025\/01\/mems.webp","type":"image\/webp"}],"author":"coding2w_newspaper","twitter_card":"summary_large_image","twitter_creator":"@_CodingAcademy_","twitter_site":"@_CodingAcademy_","twitter_misc":{"Written by":"coding2w_newspaper","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/#article","isPartOf":{"@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/"},"author":{"name":"coding2w_newspaper","@id":"https:\/\/codingtutorials.in\/#\/schema\/person\/dc3516ff75a6deb0658894c3007d4b10"},"headline":"How to Create Multiple Meme Generator Using JavaScript?","datePublished":"2025-01-26T13:29:36+00:00","dateModified":"2025-01-26T15:20:53+00:00","mainEntityOfPage":{"@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/"},"wordCount":606,"commentCount":0,"publisher":{"@id":"https:\/\/codingtutorials.in\/#organization"},"image":{"@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codingtutorials.in\/wp-content\/uploads\/2025\/01\/mems.webp","articleSection":["Javascript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/","url":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/","name":"How to Create Multiple Meme Generator Using JavaScript","isPartOf":{"@id":"https:\/\/codingtutorials.in\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/#primaryimage"},"image":{"@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codingtutorials.in\/wp-content\/uploads\/2025\/01\/mems.webp","datePublished":"2025-01-26T13:29:36+00:00","dateModified":"2025-01-26T15:20:53+00:00","description":"Create a Multiple Meme Generator easily with JavaScript! Add custom text at the top and bottom of your image and generate memes in just seconds.","breadcrumb":{"@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/#primaryimage","url":"https:\/\/codingtutorials.in\/wp-content\/uploads\/2025\/01\/mems.webp","contentUrl":"https:\/\/codingtutorials.in\/wp-content\/uploads\/2025\/01\/mems.webp","width":2560,"height":1424,"caption":"Multiple Meme Generator"},{"@type":"BreadcrumbList","@id":"https:\/\/codingtutorials.in\/how-to-create-multiple-meme-generator-using-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codingtutorials.in\/"},{"@type":"ListItem","position":2,"name":"How to Create Multiple Meme Generator Using JavaScript?"}]},{"@type":"WebSite","@id":"https:\/\/codingtutorials.in\/#website","url":"https:\/\/codingtutorials.in\/","name":"Coding Tutorials","description":"","publisher":{"@id":"https:\/\/codingtutorials.in\/#organization"},"alternateName":"Coding Tutorial for Beginners","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codingtutorials.in\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codingtutorials.in\/#organization","name":"Coding Tutorials","url":"https:\/\/codingtutorials.in\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingtutorials.in\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Coding Tutorials"},"image":{"@id":"https:\/\/codingtutorials.in\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100040911374714","https:\/\/x.com\/_CodingAcademy_","https:\/\/www.instagram.com\/coder_ranjeet\/","https:\/\/www.threads.net\/@coder_ranjeet"]},{"@type":"Person","@id":"https:\/\/codingtutorials.in\/#\/schema\/person\/dc3516ff75a6deb0658894c3007d4b10","name":"coding2w_newspaper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingtutorials.in\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3961f35c9d22b0aba7200010f606be8712290283690055a69d398a39a2852992?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3961f35c9d22b0aba7200010f606be8712290283690055a69d398a39a2852992?s=96&d=mm&r=g","caption":"coding2w_newspaper"},"sameAs":["https:\/\/codingtutorials.in\/"],"url":"https:\/\/codingtutorials.in\/author\/coding2w_newspaper\/"}]}},"_links":{"self":[{"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/posts\/2533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/comments?post=2533"}],"version-history":[{"count":38,"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/posts\/2533\/revisions"}],"predecessor-version":[{"id":2576,"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/posts\/2533\/revisions\/2576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/media\/2534"}],"wp:attachment":[{"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/media?parent=2533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/categories?post=2533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codingtutorials.in\/wp-json\/wp\/v2\/tags?post=2533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}