{"id":9319,"date":"2024-01-14T18:01:00","date_gmt":"2024-01-14T18:01:00","guid":{"rendered":"https:\/\/codehim.com\/?p=9319"},"modified":"2024-01-22T16:02:17","modified_gmt":"2024-01-22T11:02:17","slug":"password-visibility-toggle-in-javascript","status":"publish","type":"post","link":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/","title":{"rendered":"Password Visibility Toggle in JavaScript"},"content":{"rendered":"<p>This code snippet provides a password visibility toggle feature on a web page. It lets you switch between showing and hiding the password you input. The core function is to change the input field type from password to text when the user clicks the eye icon, making it helpful for enhancing user experience during password entry.<\/p>\n<p>You can use this code in <a href=\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/\" target=\"_blank\" rel=\"noopener\">login or registration forms<\/a> on your website to improve user experience. It allows users to easily toggle between hidden and visible passwords, reducing input errors.<\/p>\n<h2>How to Create a Feature to Toggle Password Visibility in JavaScript<\/h2>\n<p>1. First of all, load the <a href=\"https:\/\/necolas.github.io\/normalize.css\/\" target=\"_blank\" rel=\"noopener\">Normalize CSS<\/a> and <a href=\"https:\/\/fontawesome.com\/docs\/web\/setup\/use-kit\" target=\"_blank\" rel=\"noopener\">Font Awesome Icons kit<\/a> by adding the following CDN link into the head tag of your HTML document.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/normalize\/5.0.0\/normalize.min.css\"&gt;\r\n&lt;script src='https:\/\/kit.fontawesome.com\/263341f1b6.js'&gt;&lt;\/script&gt;<\/pre>\n<p>2. Create an HTML structure that includes an input field for the password and an eye icon for toggling visibility.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;h2&gt;Password, toggle visibility&lt;\/h2&gt;\r\n&lt;div class=\"wrapper\"&gt;\r\n\t&lt;input type=\"password\" id=\"password\" placeholder=\"Enter Password\" \/&gt;\r\n\t&lt;div class=\"input-icon\" id=\"icon\"&gt;\r\n\t\t&lt;i class=\"fas fa-eye\"&gt;&lt;\/i&gt;\r\n\t&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>3. Now, use the following CSS to style your password input field and the eye icon. Customize the appearance to match your website&#8217;s design.<\/p>\n<pre class=\"prettyprint linenums lang-css\">:root {\r\n\t--text-color: rgba(255, 255, 255, 0.5);\r\n\t--bg-color: #0a0c18;\r\n}\r\n\r\n* {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tbox-sizing: border-box;\r\n}\r\nbody {\r\n\r\n\tfont-size: 10px;\r\n\tbackground: var(--bg-color);\r\n}\r\nh2 {\r\n\tfont-size: 3.5em;\r\n\tfont-weight: 400;\r\n\tcolor: var(--text-color);\r\n\tmargin-bottom: 50px;\r\n}\r\n\r\n.wrapper {\r\n\twidth: 450px;\r\n\tposition: relative;\r\n}\r\ninput {\r\n\twidth: 100%;\r\n\theight: 50px;\r\n\tbackground: transparent;\r\n\toutline: none;\r\n\tborder-radius: 5px;\r\n\tpadding: 5px 40px 5px 15px;\r\n\tfont-size: 1.3rem;\r\n\tline-height: 1.5;\r\n\tfont-weight: 100;\r\n\tcolor: var(--text-color);\r\n\tbox-shadow: -3px -3px 10px -5px rgba(63, 81, 181, 0.2),\r\n\t\t3px 3px 10px -5px rgba(63, 81, 181, 0.2);\r\n\tborder: 1px solid rgba(63, 81, 181, 0.25);\r\n\ttransition: 0.3s all ease;\r\n}\r\ninput::-webkit-input-placeholder {\r\n\tcolor: var(--text-color);\r\n\tfont-weight: 100;\r\n}\r\ninput:focus {\r\n\tbackground: #080a14;\r\n\tbox-shadow: -3px -3px 10px -5px rgba(63, 81, 181, 0.5),\r\n\t\t3px 3px 10px -5px rgba(63, 81, 181, 0.5);\r\n\tborder: 1px solid rgba(63, 81, 181, 0.3);\r\n}\r\n.input-icon {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 10px;\r\n\twidth: 30px;\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tcursor: pointer;\r\n}\r\n.input-icon i {\r\n\tfont-size: 1.2rem;\r\n\tcolor: var(--text-color);\r\n}<\/pre>\n<p>4. Finally, add the following JavaScript code to make the password visibility toggle work. Include the following JavaScript in your HTML file:<\/p>\n<pre class=\"prettyprint linenums lang-js\">const inputIcon = document.querySelector(\".input-icon\");\r\ninputIcon.addEventListener(\"click\", toggleVisibility);\r\n\r\nfunction toggleVisibility() {\r\n\tconst input = document.querySelector(\"#password\");\r\n\tconst toggleIcon = document.querySelector(\".input-icon i\");\r\n\r\n\tif (input.type === \"password\") {\r\n\t\tinput.type = \"text\";\r\n\t\ttoggleIcon.className = \"fas fa-eye-slash\";\r\n\t} else {\r\n\t\tinput.type = \"password\";\r\n\t\ttoggleIcon.className = \"fas fa-eye\";\r\n\t}\r\n}<\/pre>\n<p>That&#8217;s all! hopefully, you have successfully created a password visibility toggle functionality using JavaScript. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This code snippet provides a password visibility toggle feature on a web page. It lets you switch between showing and&#8230;<\/p>\n","protected":false},"author":1,"featured_media":9336,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[97],"tags":[],"class_list":["post-9319","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-input"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Password Visibility Toggle in JavaScript &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create a Password Visibility Toggle 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\/password-visibility-toggle-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Password Visibility Toggle in JavaScript &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create a Password Visibility Toggle in JavaScript. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-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-14T18:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T11:02:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-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\/password-visibility-toggle-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Password Visibility Toggle in JavaScript\",\"datePublished\":\"2024-01-14T18:01:00+00:00\",\"dateModified\":\"2024-01-22T11:02:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/\"},\"wordCount\":220,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-in-JavaScript.png\",\"articleSection\":[\"Text &amp; Input\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/\",\"url\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/\",\"name\":\"Password Visibility Toggle in JavaScript &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-in-JavaScript.png\",\"datePublished\":\"2024-01-14T18:01:00+00:00\",\"dateModified\":\"2024-01-22T11:02:17+00:00\",\"description\":\"Here is a free code snippet to create a Password Visibility Toggle in JavaScript. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-in-JavaScript.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-in-JavaScript.png\",\"width\":1280,\"height\":960,\"caption\":\"Password Visibility Toggle in JavaScript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Text &amp; Input\",\"item\":\"https:\/\/codehim.com\/category\/text-input\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Password Visibility Toggle 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":"Password Visibility Toggle in JavaScript &#8212; CodeHim","description":"Here is a free code snippet to create a Password Visibility Toggle 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\/password-visibility-toggle-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Password Visibility Toggle in JavaScript &#8212; CodeHim","og_description":"Here is a free code snippet to create a Password Visibility Toggle in JavaScript. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-14T18:01:00+00:00","article_modified_time":"2024-01-22T11:02:17+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-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\/password-visibility-toggle-in-javascript\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Password Visibility Toggle in JavaScript","datePublished":"2024-01-14T18:01:00+00:00","dateModified":"2024-01-22T11:02:17+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/"},"wordCount":220,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-in-JavaScript.png","articleSection":["Text &amp; Input"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/","url":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/","name":"Password Visibility Toggle in JavaScript &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-in-JavaScript.png","datePublished":"2024-01-14T18:01:00+00:00","dateModified":"2024-01-22T11:02:17+00:00","description":"Here is a free code snippet to create a Password Visibility Toggle in JavaScript. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-in-JavaScript.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Password-Visibility-Toggle-in-JavaScript.png","width":1280,"height":960,"caption":"Password Visibility Toggle in JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/text-input\/password-visibility-toggle-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Text &amp; Input","item":"https:\/\/codehim.com\/category\/text-input\/"},{"@type":"ListItem","position":3,"name":"Password Visibility Toggle 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":1085,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9319","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=9319"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9319\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/9336"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=9319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=9319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=9319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}