{"id":6393,"date":"2024-01-11T16:40:00","date_gmt":"2024-01-11T16:40:00","guid":{"rendered":"https:\/\/codehim.com\/?p=6393"},"modified":"2024-01-22T14:44:10","modified_gmt":"2024-01-22T09:44:10","slug":"javascript-multiple-choice-questions-code","status":"publish","type":"post","link":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/","title":{"rendered":"JavaScript Multiple Choice Quiz Questions Code"},"content":{"rendered":"<p>This JavaScript code snippet helps you to create a multiple choice questions app in your web project. It holds all the questions and possible answers in an object and then loads all the questions into the question area. Users can choose the correct answer and see the result at the end of the quiz.<\/p>\n<h2>How to Create JavaScript Multiple Choice Questions Code<\/h2>\n<p>1. First of all, create the HTML structure as follows:<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;div class=\"wrapper\"&gt;\r\n    &lt;div id=\"quiz\"&gt;\r\n      &lt;h1&gt;Trivia quiz&lt;\/h1&gt;\r\n      \r\n      &lt;p class=\"questions\"&gt;&lt;\/p&gt;\r\n      \r\n      &lt;div class=\"answers\"&gt;&lt;\/div&gt;         \r\n      \r\n      &lt;div class=\"checkAnswers\"&gt;\r\n        &lt;h3&gt;Correct?&lt;\/h3&gt;\r\n        &lt;div class=\"checker\"&gt;\r\n\r\n        &lt;\/div&gt;\r\n      &lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n  &lt;\/div&gt;  \r\n<\/pre>\n<p>2. After that, add the following CSS styles to your project:<\/p>\n<pre class=\"prettyprint linenums lang-css\">body, html {\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.wrapper {\r\n  width: 430px;\r\n  margin: 0 auto;\r\n  height: 100%;\r\n  padding-top: 0px;\r\n}\r\n\r\n#quiz {\r\n  background-color: #34495E;\r\n  padding-bottom: 60px;\r\n  width: 100%;\r\n  border-radius: 2%;\r\n  color: #fff;\r\n  text-align: center;\r\n  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\r\n}\r\n\r\n#quiz &gt; h1 {\r\n  text-align: center;\r\n  padding-top: 25px;\r\n  font-size: 20px;\r\n}\r\n\r\n.questions {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  font-style: italic;\r\n  border-top: 1px solid #FFFFFF;\r\n  border-bottom: 1px solid #FFFFFF;\r\n  padding: 20px;\r\n}\r\n\r\n.answers div {\r\n  padding: 10px 0 0 0;\r\n  font-size: 16px;\r\n}\r\n\r\n.answers div:hover {\r\n  cursor: pointer;\r\n  color: #FBCB43;\r\n}\r\n\r\n.answers {\r\n  padding: 0px 0 10px 0px;\r\n}\r\n\r\n.answers div {\r\n  width: 50%;\r\n  margin: 0 auto;\r\n  padding-bottom: 15px;\r\n  border-top: 1px solid grey;\r\n}\r\n\r\n.answers div:first-child {\r\n  border: none;\r\n}\r\n\r\n.checker {\r\n  display: inline-block;\r\n  width: 200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.correct, .false {\r\n  background-color: #109D59;\r\n  width: 60px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  padding-left: 4px;\r\n  float: left;\r\n  margin-left: 2px;\r\n  margin-top: 2px;\r\n}\r\n\r\n.false {\r\n  background-color: #DC4437;\r\n}<\/pre>\n<p>3. Finally, add the following JavaScript code and done.<\/p>\n<pre class=\"prettyprint linenums lang-js\">window.onload = function () {\r\n  \r\n  var questionArea = document.getElementsByClassName('questions')[0],\r\n      answerArea   = document.getElementsByClassName('answers')[0],\r\n      checker      = document.getElementsByClassName('checker')[0],\r\n      current      = 0,\r\n  \r\n     \/\/ An object that holds all the questions + possible answers.\r\n     \/\/ In the array --&gt; last digit gives the right answer position\r\n      allQuestions = {\r\n        'What is Canada\\'s national animal?' : ['Beaver', 'Duck', 'Horse', 0],\r\n        \r\n        'What is converted into alcohol during brewing?' : ['Grain', 'Sugar' , 'Water', 1],\r\n        \r\n        'In what year was Prince Andrew born? ' : ['1955', '1960', '1970', 1]\r\n      };\r\n      \r\n  function loadQuestion(curr) {\r\n  \/\/ This function loads all the question into the questionArea\r\n  \/\/ It grabs the current question based on the 'current'-variable\r\n  \r\n    var question = Object.keys(allQuestions)[curr];\r\n    \r\n    questionArea.innerHTML = '';\r\n    questionArea.innerHTML = question;    \r\n  }\r\n  \r\n  function loadAnswers(curr) {\r\n  \/\/ This function loads all the possible answers of the given question\r\n  \/\/ It grabs the needed answer-array with the help of the current-variable\r\n  \/\/ Every answer is added with an 'onclick'-function\r\n  \r\n    var answers = allQuestions[Object.keys(allQuestions)[curr]];\r\n    \r\n    answerArea.innerHTML = '';\r\n    \r\n    for (var i = 0; i &lt; answers.length -1; i += 1) {\r\n      var createDiv = document.createElement('div'),\r\n          text = document.createTextNode(answers[i]);\r\n      \r\n      createDiv.appendChild(text);      \r\n      createDiv.addEventListener(\"click\", checkAnswer(i, answers));\r\n      \r\n      \r\n      answerArea.appendChild(createDiv);\r\n    }\r\n  }\r\n  \r\n  function checkAnswer(i, arr) {\r\n    \/\/ This is the function that will run, when clicked on one of the answers\r\n    \/\/ Check if givenAnswer is sams as the correct one\r\n    \/\/ After this, check if it's the last question:\r\n    \/\/ If it is: empty the answerArea and let them know it's done.\r\n    \r\n    return function () {\r\n      var givenAnswer = i,\r\n          correctAnswer = arr[arr.length-1];\r\n      \r\n      if (givenAnswer === correctAnswer) {\r\n        addChecker(true);             \r\n      } else {\r\n        addChecker(false);                        \r\n      }\r\n      \r\n      if (current &lt; Object.keys(allQuestions).length -1) {\r\n        current += 1;\r\n        \r\n        loadQuestion(current);\r\n        loadAnswers(current);\r\n      } else {\r\n        questionArea.innerHTML = 'Done';\r\n        answerArea.innerHTML = '';\r\n      }\r\n                              \r\n    };\r\n  }\r\n  \r\n  function addChecker(bool) {\r\n  \/\/ This function adds a div element to the page\r\n  \/\/ Used to see if it was correct or false\r\n  \r\n    var createDiv = document.createElement('div'),\r\n        txt       = document.createTextNode(current + 1);\r\n    \r\n    createDiv.appendChild(txt);\r\n    \r\n    if (bool) {\r\n      \r\n      createDiv.className += 'correct';\r\n      checker.appendChild(createDiv);\r\n    } else {\r\n      createDiv.className += 'false';\r\n      checker.appendChild(createDiv);\r\n    }\r\n  }\r\n  \r\n  \r\n  \/\/ Start the quiz right away\r\n  loadQuestion(current);\r\n  loadAnswers(current);\r\n  \r\n};<\/pre>\n<p>That&#8217;s all! hopefully, you have successfully integrated this multiple choice questions code snippet into your project. If you have any questions or facing any issues, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This JavaScript code snippet helps you to create a multiple choice questions app in your web project. It holds all&#8230;<\/p>\n","protected":false},"author":1,"featured_media":6400,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[116],"tags":[],"class_list":["post-6393","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vanilla-javascript"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript Multiple Choice Quiz Questions Code &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a lightweight JavaScript code snippet to create multiple choice questions app. You can view demo and download source code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Multiple Choice Quiz Questions Code &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a lightweight JavaScript code snippet to create multiple choice questions app. You can view demo and download source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-11T16:40:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T09:44:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"JavaScript Multiple Choice Quiz Questions Code\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:44:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/\"},\"wordCount\":126,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png\",\"articleSection\":[\"Vanilla JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/\",\"url\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/\",\"name\":\"JavaScript Multiple Choice Quiz Questions Code &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:44:10+00:00\",\"description\":\"Here is a lightweight JavaScript code snippet to create multiple choice questions app. You can view demo and download source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png\",\"width\":1280,\"height\":960,\"caption\":\"JavaScript Multiple Choice Questions Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vanilla JavaScript\",\"item\":\"https:\/\/codehim.com\/category\/vanilla-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"JavaScript Multiple Choice Quiz Questions Code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Multiple Choice Quiz Questions Code &#8212; CodeHim","description":"Here is a lightweight JavaScript code snippet to create multiple choice questions app. You can view demo and download source code.","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:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Multiple Choice Quiz Questions Code &#8212; CodeHim","og_description":"Here is a lightweight JavaScript code snippet to create multiple choice questions app. You can view demo and download source code.","og_url":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-11T16:40:00+00:00","article_modified_time":"2024-01-22T09:44:10+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"JavaScript Multiple Choice Quiz Questions Code","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:44:10+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/"},"wordCount":126,"commentCount":4,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png","articleSection":["Vanilla JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/","url":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/","name":"JavaScript Multiple Choice Quiz Questions Code &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:44:10+00:00","description":"Here is a lightweight JavaScript code snippet to create multiple choice questions app. You can view demo and download source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/04\/www.codehim-10.png","width":1280,"height":960,"caption":"JavaScript Multiple Choice Questions Code"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/vanilla-javascript\/javascript-multiple-choice-questions-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Vanilla JavaScript","item":"https:\/\/codehim.com\/category\/vanilla-javascript\/"},{"@type":"ListItem","position":3,"name":"JavaScript Multiple Choice Quiz Questions Code"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":22336,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/6393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=6393"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/6393\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/6400"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=6393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=6393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=6393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}