{"id":9807,"date":"2024-01-10T18:07:00","date_gmt":"2024-01-10T18:07:00","guid":{"rendered":"https:\/\/codehim.com\/?p=9807"},"modified":"2024-01-22T16:09:41","modified_gmt":"2024-01-22T11:09:41","slug":"javascript-calculate-working-days","status":"publish","type":"post","link":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/","title":{"rendered":"JavaScript Calculate Working Days"},"content":{"rendered":"

This JavaScript code enables you to easily calculate working hours across multiple days. It uses moment.js for time manipulation and jQuery for event handling. By inputting start and end times, along with break durations, it calculates the total hours worked each day and provides a subtotal for the entire week.<\/p>\n

This code is valuable for creating a user-friendly work hours calculator on websites. You can implement this calculator<\/a> on time or task management projects to allow users to easily track and visualize their weekly work hours.<\/p>\n

How to Calculate Working Days in JavaScript<\/h2>\n

1. First of all, include the necessary jQuery<\/a> and moment.js<\/a> libraries in your project by adding the following CDN links to the head tag of your webpage.<\/p>\n

<script src='\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js'><\/script>\r\n<script src='\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.8.3\/moment.min.js'><\/script><\/pre>\n
2. Create an HTML structure with a table containing input fields for each day, specifying start and end times, and break duration.<\/p>\n
<pre class='title'>▪\u2500\u2500[Work]\u2510\r\n         \u2514[hour]\u2510\r\n \u250c\u2500\u2500[calculator]\u2518\r\n \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500▪<\/pre>\r\n<table>\r\n  <thead>\r\n    <tr>\r\n      <th>Day<\/th>\r\n      <th class='input-column'>Starting time<\/th>\r\n      <th class='input-column'>Ending time<\/th>\r\n      <th class='input-column'>Break deduction<\/th>\r\n      <th>Total<\/th>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr class='day day-1'>\r\n      <td>\r\n        Monday\r\n      <\/td>\r\n      <td>\r\n        <input class='start' value='9:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='end' value='17:30'>\r\n      <\/td>\r\n      <td>\r\n        <input class='break' value='30'>\r\n      <\/td>\r\n      <td class='total'>8:00<\/td>\r\n    <\/tr>\r\n    <tr class='day day-2'>\r\n      <td>\r\n        Tuesday\r\n      <\/td>\r\n      <td>\r\n        <input class='start' value='9:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='end' value='17:30'>\r\n      <\/td>\r\n      <td>\r\n        <input class='break' value='30'>\r\n      <\/td>\r\n      <td class='total'>8:00<\/td>\r\n    <\/tr>\r\n    <tr class='day day-3'>\r\n      <td>\r\n        Wednesday\r\n      <\/td>\r\n      <td>\r\n        <input class='start' value='9:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='end' value='17:30'>\r\n      <\/td>\r\n      <td>\r\n        <input class='break' value='30'>\r\n      <\/td>\r\n      <td class='total'>8:00<\/td>\r\n    <\/tr>\r\n    <tr class='day day-4'>\r\n      <td>\r\n        Thursday\r\n      <\/td>\r\n      <td>\r\n        <input class='start' value='9:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='end' value='17:30'>\r\n      <\/td>\r\n      <td>\r\n        <input class='break' value='30'>\r\n      <\/td>\r\n      <td class='total'>8:00<\/td>\r\n    <\/tr>\r\n    <tr class='day day-5'>\r\n      <td>\r\n        Friday\r\n      <\/td>\r\n      <td>\r\n        <input class='start' value='9:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='end' value='17:30'>\r\n      <\/td>\r\n      <td>\r\n        <input class='break' value='30'>\r\n      <\/td>\r\n      <td class='total'>8:00<\/td>\r\n    <\/tr>\r\n    <tr class='day day-6'>\r\n      <td>\r\n        Saturday\r\n      <\/td>\r\n      <td>\r\n        <input class='start' value='0:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='end' value='0:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='break' value='0'>\r\n      <\/td>\r\n      <td class='total'>0:00<\/td>\r\n    <\/tr>\r\n    <tr class='day day-7'>\r\n      <td>\r\n        Sunday\r\n      <\/td>\r\n      <td>\r\n        <input class='start' value='0:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='end' value='0:00'>\r\n      <\/td>\r\n      <td>\r\n        <input class='break' value='0'>\r\n      <\/td>\r\n      <td class='total'>0:00<\/td>\r\n    <\/tr>\r\n    <tfoot>\r\n      <tr>\r\n        <td colspan='4'>Subtotal<\/td>\r\n        <td class='subtotal'>40:00<\/td>\r\n      <\/tr>\r\n    <\/tfoot>\r\n  <\/tbody>\r\n<\/table>\r\n<\/pre>\n
3. Add the following CSS to enhance the visual appeal of your calculator. Customize styles according to your project’s theme for a seamless integration.<\/p>\n
body {\r\n  color: #9F0;\r\n  background: #272822;\r\n  font-family: monospace;\r\n  font-size: 12px;\r\n}\r\n\r\ntable {\r\n  width: 500px;\r\n  margin: 0px auto;\r\n  padding: 4px;\r\n  border: 5px double #0D0;\r\n  background-color: #003;\r\n}\r\n\r\ntfoot tr td {\r\n  border-top: 1px solid #0D0;\r\n}\r\n\r\ntfoot {\r\n  font-weight: bold;\r\n}\r\n\r\nth {\r\n  color: #003;\r\n  background-color: #0D0;\r\n  border-bottom: 1px solid #0D0;\r\n  padding-bottom: 5px;\r\n}\r\nth.input-column {\r\n  width: 100px;\r\n}\r\n\r\ntr.day > td {\r\n  font-size: 14px;\r\n}\r\n\r\ninput {\r\n  font-family: monospace;\r\n  font-size: 16px;\r\n  text-align: right;\r\n  width: 100px;\r\n  background-color: #003;\r\n  color: #0F0;\r\n  padding: 2px;\r\n  border: 1px dotted #0D0;\r\n}\r\n\r\ninput[type=\"button\"] {\r\n  text-align: center;\r\n}\r\n\r\n.total, .subtotal {\r\n  font-size: 16px;\r\n  text-align: right;\r\n  padding-right: 5px;\r\n  color: cyan;\r\n}\r\n\r\n.title {\r\n  color: #EF5939;\r\n  width: 500px;\r\n  margin: 0px auto 20px;\r\n  font-size: 30px;\r\n}<\/pre>\n
4. Finally, integrate the JavaScript code to enable real-time calculations. The script uses jQuery to capture user input, moment.js for time manipulation, and dynamically updates total and subtotal values.<\/p>\n
$(\"input\").bind(\"keyup\", function() {\r\n  var subtotal = 0;\r\n  for (var i = 1; i <= 7; i++) {\r\n    var $day      = $(\".day-\"+i);\r\n    var start     = moment($day.find(\".start\").val(), \"HH:mm\");\r\n    var end       = moment($day.find(\".end\").val(), \"HH:mm\");\r\n    var deduction = moment.duration(parseInt($day.find(\".break\").val(), 10), \"minutes\");\r\n    var $total    = $day.find(\".total\");\r\n\r\n    var result = end.subtract(deduction).diff(start, 'milliseconds');\r\n    var d = moment.duration(result, 'milliseconds');\r\n    var hours = Math.floor(d.asHours());\r\n    var mins = Math.floor(d.asMinutes()) - hours * 60;\r\n    if (result < 0) {\r\n      $total.text(d.asMinutes()+\" min\");\r\n    } else {\r\n      $total.text(hours +\":\"+ ((mins < 10)?\"0\"+mins:mins));\r\n    }\r\n    subtotal += result;\r\n  }\r\n  var d = moment.duration(subtotal, 'milliseconds');\r\n  var hours = Math.floor(d.asHours());\r\n  var mins = Math.floor(d.asMinutes()) - hours * 60;\r\n  $(\".subtotal\").text(hours +\":\"+ ((mins < 10)?\"0\"+mins:mins));\r\n});<\/pre>\n
That’s all! hopefully, you have successfully created a working hours calculator to calculate working days. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"
This JavaScript code enables you to easily calculate working hours across multiple days. It uses moment.js for time manipulation and…<\/p>\n","protected":false},"author":1,"featured_media":9815,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[58],"tags":[216],"class_list":["post-9807","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-date-time","tag-calculator"],"acf":[],"yoast_head":"\nJavaScript Calculate Working Days — CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create a JavaScript Calculate Working Days. 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\/date-time\/javascript-calculate-working-days\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Calculate Working Days — CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create a JavaScript Calculate Working Days. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/\" \/>\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:07:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T11:09:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.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\/date-time\/javascript-calculate-working-days\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"JavaScript Calculate Working Days\",\"datePublished\":\"2024-01-10T18:07:00+00:00\",\"dateModified\":\"2024-01-22T11:09:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/\"},\"wordCount\":227,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.png\",\"keywords\":[\"Calculator\"],\"articleSection\":[\"Date & Time\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/\",\"url\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/\",\"name\":\"JavaScript Calculate Working Days — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.png\",\"datePublished\":\"2024-01-10T18:07:00+00:00\",\"dateModified\":\"2024-01-22T11:09:41+00:00\",\"description\":\"Here is a free code snippet to create a JavaScript Calculate Working Days. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.png\",\"width\":1280,\"height\":960,\"caption\":\"JavaScript Calculate Working Days\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Date & Time\",\"item\":\"https:\/\/codehim.com\/category\/date-time\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"JavaScript Calculate Working Days\"}]},{\"@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 Calculate Working Days — CodeHim","description":"Here is a free code snippet to create a JavaScript Calculate Working Days. 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\/date-time\/javascript-calculate-working-days\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Calculate Working Days — CodeHim","og_description":"Here is a free code snippet to create a JavaScript Calculate Working Days. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-10T18:07:00+00:00","article_modified_time":"2024-01-22T11:09:41+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.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\/date-time\/javascript-calculate-working-days\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"JavaScript Calculate Working Days","datePublished":"2024-01-10T18:07:00+00:00","dateModified":"2024-01-22T11:09:41+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/"},"wordCount":227,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.png","keywords":["Calculator"],"articleSection":["Date & Time"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/","url":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/","name":"JavaScript Calculate Working Days — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.png","datePublished":"2024-01-10T18:07:00+00:00","dateModified":"2024-01-22T11:09:41+00:00","description":"Here is a free code snippet to create a JavaScript Calculate Working Days. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/11\/JavaScript-Calculate-Working-Days.png","width":1280,"height":960,"caption":"JavaScript Calculate Working Days"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/date-time\/javascript-calculate-working-days\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Date & Time","item":"https:\/\/codehim.com\/category\/date-time\/"},{"@type":"ListItem","position":3,"name":"JavaScript Calculate Working Days"}]},{"@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":1148,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9807","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=9807"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9807\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/9815"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=9807"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=9807"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=9807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}