{"id":9367,"date":"2024-01-10T18:02:00","date_gmt":"2024-01-10T18:02:00","guid":{"rendered":"https:\/\/codehim.com\/?p=9367"},"modified":"2024-01-22T16:03:22","modified_gmt":"2024-01-22T11:03:22","slug":"us-phone-number-validation-javascript","status":"publish","type":"post","link":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/","title":{"rendered":"US Phone Number Validation in JavaScript"},"content":{"rendered":"

Are you looking to verify US telephone numbers easily? This JavaScript code provides a user-friendly way for US phone number validation. With a simple interface, just input your number and hit “Validate” to check its validity. The code also includes a theme switch for customizing your experience.<\/p>\n

It enhances user experience by providing real-time validation feedback, reducing errors during data input. Additionally, the theme switch functionality allows your users to customize the site’s appearance.<\/p>\n

How to Validate US Phone Number in JavaScript<\/h2>\n

1. Within your HTML, create a container for the validation form<\/a>. Include an input field for the telephone number, a “Validate” button, and an empty div for displaying validation results.<\/p>\n

<div id=\"container\">\r\n      <h1>Telephone Number Validator<\/h1>\r\n      <p class=\"sub-text\">\r\n        This Telephone Number Validator is only for US numbers.\r\n      <\/p>\r\n      <input id=\"check\" type=\"text\" placeholder=\"Type telephone number...\" \/>\r\n      <button onclick=\"telephoneCheck(check.value)\">\r\n        Validate\r\n      <\/button>\r\n\r\n      <div id=\"print\"><\/div>\r\n\r\n      <div class=\"panel\">\r\n        <div class=\"theme-switch-wrapper\">\r\n          <label class=\"theme-switch\" for=\"checkbox\">\r\n            <input type=\"checkbox\" id=\"checkbox\" \/>\r\n            <div class=\"slider round\"><\/div>\r\n          <\/label>\r\n          <em>Change Theme<\/em>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div><\/pre>\n
2. If needed, modify the CSS code to match your website’s styling. You can change colors, fonts, and layout as desired to seamlessly integrate the validation form into your website’s design.<\/p>\n
:root {\r\n  --primary-color: #0a79df;\r\n  --secondary-color: #536390;\r\n  --font-color: #424242;\r\n  --bg-color: #fff;\r\n  --heading-color: #292922;\r\n  --panel-color: #fff;\r\n  --border-color: #111;\r\n}\r\n\r\n[data-theme=dark] {\r\n  --primary-color: #9a97f3;\r\n  --secondary-color: #818cab;\r\n  --font-color: #e1e1ff;\r\n  --bg-color: #161625;\r\n  --heading-color: #818cab;\r\n  --panel-color: #111;\r\n  --border-color: #fff;\r\n}\r\n\r\n\r\nbody {\r\n  font-family: \"Lato\", sans-serif;\r\n  background-color: var(--bg-color);\r\n  color: var(--font-color);\r\n  max-width: 90%;\r\n  margin: 0 auto;\r\n  font-size: calc(1rem + 0.25vh);\r\n}\r\n\r\n#container {\r\n  max-width: 70%;\r\n  margin: 30px auto;\r\n  padding: 30px 30px;\r\n}\r\n\r\nh1 {\r\n  color: var(--heading-color);\r\n  font-family: \"Sansita\", sans-serif;\r\n  font-size: 2rem;\r\n  margin-bottom: 1vh;\r\n}\r\n\r\n.panel {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 10px 0px;\r\n  background-color: var(--panel-color);\r\n  border: 1px solid var(--border-color);\r\n}\r\n\r\n.sub-text {\r\n  font-size: 1rem;\r\n  font-style: italic;\r\n  margin-bottom: 4vh;\r\n  color: var(--secondary-color);\r\n}\r\n\r\np {\r\n  font-size: 1.1rem;\r\n  line-height: 1.6rem;\r\n}\r\n\r\ninput,\r\nbutton {\r\n  border: 1px solid #0a79df;\r\n  border-radius: 3px;\r\n  display: block;\r\n  margin: 15px 0;\r\n  font-size: 16px;\r\n  padding: 8px 10px;\r\n}\r\n\r\nbutton {\r\n  background-color: #0a79df;\r\n  border: 1px solid rgba(255, 255, 255, 0.3);\r\n  color: #fff;\r\n  cursor: pointer;\r\n}\r\n\r\n#print {\r\n  margin: 30px 0px 30px;\r\n  padding: 10px 0px;\r\n}\r\n\r\n\/* Slider Switch *\/\r\n.theme-switch-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.theme-switch-wrapper em {\r\n  margin-left: 15px;\r\n  font-size: 1rem;\r\n}\r\n\r\n.theme-switch {\r\n  display: inline-block;\r\n  height: 34px;\r\n  position: relative;\r\n  width: 60px;\r\n}\r\n\r\n.theme-switch input {\r\n  display: none;\r\n}\r\n\r\n.slider {\r\n  background-color: #ccc;\r\n  bottom: 0;\r\n  cursor: pointer;\r\n  left: 0;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  transition: 0.4s;\r\n}\r\n\r\n.slider:before {\r\n  background-color: #fff;\r\n  bottom: 4px;\r\n  content: \"\";\r\n  height: 26px;\r\n  left: 4px;\r\n  position: absolute;\r\n  transition: 0.4s;\r\n  width: 26px;\r\n}\r\n\r\ninput:checked + .slider {\r\n  background-color: #0a79df;\r\n}\r\n\r\ninput:checked + .slider:before {\r\n  transform: translateX(26px);\r\n}\r\n\r\n.slider.round {\r\n  border-radius: 34px;\r\n}\r\n\r\n.slider.round:before {\r\n  border-radius: 50%;\r\n}<\/pre>\n
3. Finally, add the following JavaScript code to your project. The telephoneCheck<\/code> function uses regular expressions to validate the US phone number entered in the input field. Valid numbers are displayed in green, while invalid numbers are shown in red below the input field.<\/p>\n
\/\/ Switch Theme\r\nconst toggleSwitch = document.querySelector(\r\n  '.theme-switch input[type=\"checkbox\"]'\r\n);\r\nconst currentTheme = localStorage.getItem(\"theme\");\r\n\r\nif (currentTheme) {\r\n  document.documentElement.setAttribute(\"data-theme\", currentTheme);\r\n\r\n  if (currentTheme === \"dark\") {\r\n    toggleSwitch.checked = true;\r\n  }\r\n}\r\n\r\nfunction switchTheme(e) {\r\n  if (e.target.checked) {\r\n    document.documentElement.setAttribute(\"data-theme\", \"dark\");\r\n    localStorage.setItem(\"theme\", \"dark\");\r\n  } else {\r\n    document.documentElement.setAttribute(\"data-theme\", \"light\");\r\n    localStorage.setItem(\"theme\", \"light\");\r\n  }\r\n}\r\n\r\ntoggleSwitch.addEventListener(\"change\", switchTheme, false);\r\n\r\n\/\/ Check Telephone Number\r\nfunction telephoneCheck(str) {\r\n  var regex = \/^(1\\s?)?(\\(\\d{3}\\)|\\d{3})[\\s\\-]?\\d{3}[\\s\\-]?\\d{4}$\/;\r\n  console.log(regex.test(str));\r\n\r\n  if (regex.test(str) === true) {\r\n    return (document.getElementById(\"print\").innerHTML =\r\n      \"<span style='color: green;'>Your telephone number is valid!<\/span>\");\r\n  }\r\n  return (document.getElementById(\"print\").innerHTML =\r\n    \"<span style='color: red;'>Your telephone number is not valid!<\/span>\");\r\n}<\/pre>\n
That’s all! hopefully, you have successfully created US Phone Number Validation Javascript. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"
Are you looking to verify US telephone numbers easily? This JavaScript code provides a user-friendly way for US phone number…<\/p>\n","protected":false},"author":1,"featured_media":9385,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[97],"tags":[],"class_list":["post-9367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-input"],"acf":[],"yoast_head":"\nUS Phone Number Validation in JavaScript — CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create a US Phone Number Validation in JavaScript. You can view demo and download the 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\/text-input\/us-phone-number-validation-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"US Phone Number Validation in JavaScript — CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create a US Phone Number Validation in JavaScript. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/\" \/>\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-10T18:02:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T11:03:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"US Phone Number Validation in JavaScript\",\"datePublished\":\"2024-01-10T18:02:00+00:00\",\"dateModified\":\"2024-01-22T11:03:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/\"},\"wordCount\":217,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.png\",\"articleSection\":[\"Text & Input\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/\",\"url\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/\",\"name\":\"US Phone Number Validation in JavaScript — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.png\",\"datePublished\":\"2024-01-10T18:02:00+00:00\",\"dateModified\":\"2024-01-22T11:03:22+00:00\",\"description\":\"Here is a free code snippet to create a US Phone Number Validation in JavaScript. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.png\",\"width\":1280,\"height\":960,\"caption\":\"US Phone Number Validation in JavaScript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Text & Input\",\"item\":\"https:\/\/codehim.com\/category\/text-input\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"US Phone Number Validation in JavaScript\"}]},{\"@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":"US Phone Number Validation in JavaScript — CodeHim","description":"Here is a free code snippet to create a US Phone Number Validation in JavaScript. You can view demo and download the 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\/text-input\/us-phone-number-validation-javascript\/","og_locale":"en_US","og_type":"article","og_title":"US Phone Number Validation in JavaScript — CodeHim","og_description":"Here is a free code snippet to create a US Phone Number Validation in JavaScript. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-10T18:02:00+00:00","article_modified_time":"2024-01-22T11:03:22+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.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":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"US Phone Number Validation in JavaScript","datePublished":"2024-01-10T18:02:00+00:00","dateModified":"2024-01-22T11:03:22+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/"},"wordCount":217,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.png","articleSection":["Text & Input"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/","url":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/","name":"US Phone Number Validation in JavaScript — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.png","datePublished":"2024-01-10T18:02:00+00:00","dateModified":"2024-01-22T11:03:22+00:00","description":"Here is a free code snippet to create a US Phone Number Validation in JavaScript. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/US-Phone-Number-Validation-in-JavaScript.png","width":1280,"height":960,"caption":"US Phone Number Validation in JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/text-input\/us-phone-number-validation-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Text & Input","item":"https:\/\/codehim.com\/category\/text-input\/"},{"@type":"ListItem","position":3,"name":"US Phone Number Validation in JavaScript"}]},{"@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":1013,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9367","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=9367"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9367\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/9385"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=9367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=9367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=9367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}