{"id":17802,"date":"2023-08-31T10:36:41","date_gmt":"2023-08-31T10:36:41","guid":{"rendered":"https:\/\/www.prepbytes.com\/blog\/?p=17802"},"modified":"2023-08-31T10:36:41","modified_gmt":"2023-08-31T10:36:41","slug":"javascript-onclick-function","status":"publish","type":"post","link":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/","title":{"rendered":"Javascript Onclick Function"},"content":{"rendered":"

\"\"<\/p>\n

In the realm of web development, interactivity plays a pivotal role in creating engaging and userriendly experiences. JavaScript, as a versatile scripting language, empowers developers to bring web pages to life by allowing them to respond dynamically to user actions. One of the fundamental tools in this endeavor is the onclick function. In this article, we’ll delve into the intricacies of the javascript onclick function and explore how it can be harnessed to enhance user interaction on websites.<\/p>\n

What is onClick Javascript Function?<\/h2>\n

The onclick function is an event handler in JavaScript that is used to respond to a specific event a mouse click on a particular HTML element. This event can be triggered when a user clicks on a button, a link, an image, or virtually any other clickable element on a web page. When the onclick event occurs, the associated JavaScript code is executed, allowing developers to define custom actions or behaviors in response to the user’s interaction.<\/p>\n

Basic Usage and Syntax of onClick Javascript Function<\/h2>\n

The syntax of the onclick function involves associating it with an HTML element as an attribute. Here’s a simple example<\/p>\n

< button onclick="myFunction()">Click me<\/button ><\/p>\n

In this example, when the button is clicked, the function myFunction() will be invoked. The function itself can contain any JavaScript code, ranging from simple alert messages to complex operations that manipulate the webpage’s content, style, or structure.<\/p>\n

Defining Functions for Javascript onclick event<\/h2>\n

Defining the JavaScript function that is executed when the onclick event occurs provides developers with a high degree of flexibility. Here’s an example of a JavaScript function linked to a button click<\/p>\n

< script >\nfunction myFunction() {\n    alert(\"Button clicked!\");\n}\n< \/script >\n< button onclick=\"myFunction()\">Click me<\/button ><\/code><\/pre>\n
In this case, the myFunction() function displays an alert when the associated button is clicked. However, the possibilities are nearly limitless. Developers can perform operations such as modifying the DOM, fetching data from servers, toggling visibility, or initiating animations.<\/p>\n
Dynamic Event Handling of onClick Javascript Function<\/h2>\n
While the onclick attribute directly embedded in HTML provides a quick way to associate an event with an element, it’s also possible to attach event listeners dynamically using JavaScript. This approach offers more control and flexibility over how events are handled.<\/p>\n
< button id=\"myButton\">Click me<\/button >\n< script >\ndocument.getElementById(\"myButton\").onclick = function() {\n    alert(\"Button clicked!\");\n};\n< \/script ><\/code><\/pre>\n
Different Methods to use onClick Javascript Function<\/h2>\n
The different methods to use onClick Javascript Function expand on each of these different methods of handling the Javascript onclick event with more detailed explanations and examples<\/p>\n
1. Inline Event Handling (HTML attribute)<\/strong>
\nInline event handling involves directly embedding JavaScript code within the HTML element’s attributes. It’s a quick way to associate an action with an event, but it’s not the most maintainable approach for complex interactions.<\/p>\n
<  onclick=\"alert('Button clicked!')\">Click me< \/button ><\/code><\/pre>\n
2. Inline Event Handling with Function Call (HTML attribute)<\/strong><\/p>\n
Similar to the previous method, this approach calls a named JavaScript function when the event occurs, promoting code reusability.<\/p>\n
< button onclick="myFunction()">Click me< \/button >
\n< script >
\nfunction myFunction() {
\nalert("Button clicked!");
\n}
\n< \/script ><\/p>\n
3. Using onclick Property in JavaScript<\/strong><\/p>\n
Here, JavaScript is used to directly set the onclick property of an element to a function. This method allows you to separate your HTML and JavaScript code to some extent.<\/p>\n
< button id=\"myButton\">Click me< \/button >\n< script >\ndocument.getElementById(\"myButton\").onclick = function() {\n    alert(\"Button clicked!\");\n};\n< \/script ><\/code><\/pre>\n
4. Using addEventListener Method<\/strong><\/p>\n
The addEventListener method attaches an event listener to an element. This approach is more flexible, as you can attach multiple listeners to the same element, and it encourages the separation of concerns.<\/p>\n
< button id=\"myButton\">Click me<\/button >\n< script >\ndocument.getElementById(\"myButton\").addEventListener(\"click\", function() {\n    alert(\"Button clicked!\");\n});\n< \/script ><\/code><\/pre>\n
5. Using Named Function with addEventListener<\/strong><\/p>\n
This approach involves defining a named function and attaching it as an event listener. It’s beneficial for code reusability and maintaining a clean codebase.<\/p>\n
< button id=\"myButton\">Click me<\/button >\n< script >\nfunction myFunction() {\n    alert(\"Button clicked!\");\n}\ndocument.getElementById(\"myButton\").addEventListener(\"click\", myFunction);\n< \/script ><\/code><\/pre>\n
6. Using Event Object<\/strong><\/p>\n
JavaScript event listeners often receive an event object as an argument. This object contains information about the event itself, which can be useful for more advanced interactions.<\/p>\n
< button id=\"myButton\">Click me<\/button>\n< script>\ndocument.getElementById(\"myButton\").addEventListener(\"click\", function(event) {\n    alert(\"Button clicked! Event type \" + event.type);\n});\n< \/script><\/code><\/pre>\n
Best Practices and Considerations for onClick Javascript Function<\/h2>\n
Separation of Concerns While embedding simple functions within the onclick attribute can be convenient, separating your JavaScript code from your HTML using event listeners is generally considered a better practice for maintaining clean and maintainable code.<\/p>\n
Accessibility Keep in mind that heavy use of JavaScript can impact the accessibility of your website. Ensure that interactive elements are still usable by users who rely on assistive technologies or have disabled JavaScript.<\/p>\n
Performance Excessive use of inline onclick attributes can clutter your HTML and lead to less efficient code. Centralizing event handling through scripts can make your codebase more organized and easier to optimize.<\/p>\n
Conclusion<\/strong>
\nThe onClick Javascript Function serves as a gateway to interactive web development. By leveraging this event handler, developers can respond dynamically to user clicks, fostering engaging user experiences. From simple alert messages to complex interactions that manipulate content and design, the onclick function is a foundational tool that empowers web developers to create rich and interactive web pages. However, while its simplicity and convenience can be enticing, it’s important to strike a balance between interactivity, maintainability, and accessibility for a wellounded user experience.<\/p>\n
Frequently Asked Questions (FAQs)<\/h2>\n
Here are some of the frequently asked questions about the onClick Javascript Function.<\/p>\n
Q1. What is the onclick event in JavaScript?<\/strong>
\nThe onclick event is a JavaScript event that occurs when a user clicks on a specific HTML element, such as a button, link, or image. It allows developers to define custom actions or behaviors that should execute when the element is clicked.<\/p>\n
Q2. How does the onclick event work?<\/strong>
\nWhen an element with an onclick attribute or an event listener attached to it is clicked, the associated JavaScript code is executed. This code can perform various tasks, from displaying alerts to manipulating the DOM or making requests to servers.<\/p>\n
Q3. What are the advantages of using addEventListener over inline onclick?<\/strong>
\naddEventListener offers more flexibility by allowing multiple event listeners on the same element, cleaner separation of HTML and JavaScript, and better control over event propagation and removal. In contrast, inline onclick attributes can become unwieldy and harder to manage as interactions become more complex.<\/p>\n
Q4. Can I attach multiple event listeners to the same element?<\/strong>
\nYes, with the addEventListener method, you can attach multiple event listeners to the same element. This enables you to implement various behaviors based on different user interactions, promoting a modular and organized coding structure.<\/p>\n
Q5. How do event objects work with the onclick event?<\/strong>
\nWhen an event, like an onclick, occurs, an event object is automatically created and passed to the event handler function. This object contains information about the event, such as the type of event, the target element, and any additional data related to the event. You can access this object as a parameter in the event handler function to gain insight into the event’s context.<\/p>\n","protected":false},"excerpt":{"rendered":"
In the realm of web development, interactivity plays a pivotal role in creating engaging and userriendly experiences. JavaScript, as a versatile scripting language, empowers developers to bring web pages to life by allowing them to respond dynamically to user actions. One of the fundamental tools in this endeavor is the onclick function. In this article, […]<\/p>\n","protected":false},"author":52,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[162],"tags":[],"class_list":["post-17802","post","type-post","status-publish","format-standard","hentry","category-javascript"],"yoast_head":"\nJavascript Onclick Function<\/title>\n<meta name=\"description\" content=\"The onclick function is an event handler in JavaScript that is used to respond to a specific event a mouse click on a particular HTML element.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Javascript Onclick Function\" \/>\n<meta property=\"og:description\" content=\"The onclick function is an event handler in JavaScript that is used to respond to a specific event a mouse click on a particular HTML element.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/\" \/>\n<meta property=\"og:site_name\" content=\"PrepBytes Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prepbytes0211\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-31T10:36:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg\" \/>\n<meta name=\"author\" content=\"Prepbytes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Prepbytes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/\"},\"author\":{\"name\":\"Prepbytes\",\"@id\":\"http:\/\/43.205.93.38\/#\/schema\/person\/3f7dc4ae851791d5947a7f99df363d5e\"},\"headline\":\"Javascript Onclick Function\",\"datePublished\":\"2023-08-31T10:36:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/\"},\"wordCount\":1111,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/43.205.93.38\/#organization\"},\"image\":{\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg\",\"articleSection\":[\"Javascript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/\",\"url\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/\",\"name\":\"Javascript Onclick Function\",\"isPartOf\":{\"@id\":\"http:\/\/43.205.93.38\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg\",\"datePublished\":\"2023-08-31T10:36:41+00:00\",\"description\":\"The onclick function is an event handler in JavaScript that is used to respond to a specific event a mouse click on a particular HTML element.\",\"breadcrumb\":{\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#primaryimage\",\"url\":\"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg\",\"contentUrl\":\"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/43.205.93.38\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Javascript\",\"item\":\"https:\/\/prepbytes.com\/blog\/category\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Javascript Onclick Function\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/43.205.93.38\/#website\",\"url\":\"http:\/\/43.205.93.38\/\",\"name\":\"PrepBytes Blog\",\"description\":\"ONE-STOP RESOURCE FOR EVERYTHING RELATED TO CODING\",\"publisher\":{\"@id\":\"http:\/\/43.205.93.38\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/43.205.93.38\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/43.205.93.38\/#organization\",\"name\":\"Prepbytes\",\"url\":\"http:\/\/43.205.93.38\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/43.205.93.38\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.prepbytes.com\/wp-content\/uploads\/2025\/07\/uzxxllgloialmn9mhwfe.webp\",\"contentUrl\":\"https:\/\/blog.prepbytes.com\/wp-content\/uploads\/2025\/07\/uzxxllgloialmn9mhwfe.webp\",\"width\":160,\"height\":160,\"caption\":\"Prepbytes\"},\"image\":{\"@id\":\"http:\/\/43.205.93.38\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/prepbytes0211\/\",\"https:\/\/www.instagram.com\/prepbytes\/\",\"https:\/\/www.linkedin.com\/company\/prepbytes\/\",\"https:\/\/www.youtube.com\/channel\/UC0xGnHDrjUM1pDEK2Ka5imA\"]},{\"@type\":\"Person\",\"@id\":\"http:\/\/43.205.93.38\/#\/schema\/person\/3f7dc4ae851791d5947a7f99df363d5e\",\"name\":\"Prepbytes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/43.205.93.38\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/232042cd1a1ea0e982c96d2a2ec93fb70a8e864e00784491231e7bfe5a9e06b5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/232042cd1a1ea0e982c96d2a2ec93fb70a8e864e00784491231e7bfe5a9e06b5?s=96&d=mm&r=g\",\"caption\":\"Prepbytes\"},\"url\":\"https:\/\/prepbytes.com\/blog\/author\/gourav-jaincollegedekho-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Javascript Onclick Function","description":"The onclick function is an event handler in JavaScript that is used to respond to a specific event a mouse click on a particular HTML element.","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:\/\/prepbytes.com\/blog\/javascript-onclick-function\/","og_locale":"en_US","og_type":"article","og_title":"Javascript Onclick Function","og_description":"The onclick function is an event handler in JavaScript that is used to respond to a specific event a mouse click on a particular HTML element.","og_url":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/","og_site_name":"PrepBytes Blog","article_publisher":"https:\/\/www.facebook.com\/prepbytes0211\/","article_published_time":"2023-08-31T10:36:41+00:00","og_image":[{"url":"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg","type":"","width":"","height":""}],"author":"Prepbytes","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Prepbytes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#article","isPartOf":{"@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/"},"author":{"name":"Prepbytes","@id":"http:\/\/43.205.93.38\/#\/schema\/person\/3f7dc4ae851791d5947a7f99df363d5e"},"headline":"Javascript Onclick Function","datePublished":"2023-08-31T10:36:41+00:00","mainEntityOfPage":{"@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/"},"wordCount":1111,"commentCount":0,"publisher":{"@id":"http:\/\/43.205.93.38\/#organization"},"image":{"@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#primaryimage"},"thumbnailUrl":"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg","articleSection":["Javascript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/","url":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/","name":"Javascript Onclick Function","isPartOf":{"@id":"http:\/\/43.205.93.38\/#website"},"primaryImageOfPage":{"@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#primaryimage"},"image":{"@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#primaryimage"},"thumbnailUrl":"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg","datePublished":"2023-08-31T10:36:41+00:00","description":"The onclick function is an event handler in JavaScript that is used to respond to a specific event a mouse click on a particular HTML element.","breadcrumb":{"@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#primaryimage","url":"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg","contentUrl":"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1693478172798-Topic%20%2810%29.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/prepbytes.com\/blog\/javascript-onclick-function\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/43.205.93.38\/"},{"@type":"ListItem","position":2,"name":"Javascript","item":"https:\/\/prepbytes.com\/blog\/category\/javascript\/"},{"@type":"ListItem","position":3,"name":"Javascript Onclick Function"}]},{"@type":"WebSite","@id":"http:\/\/43.205.93.38\/#website","url":"http:\/\/43.205.93.38\/","name":"PrepBytes Blog","description":"ONE-STOP RESOURCE FOR EVERYTHING RELATED TO CODING","publisher":{"@id":"http:\/\/43.205.93.38\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/43.205.93.38\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/43.205.93.38\/#organization","name":"Prepbytes","url":"http:\/\/43.205.93.38\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/43.205.93.38\/#\/schema\/logo\/image\/","url":"https:\/\/blog.prepbytes.com\/wp-content\/uploads\/2025\/07\/uzxxllgloialmn9mhwfe.webp","contentUrl":"https:\/\/blog.prepbytes.com\/wp-content\/uploads\/2025\/07\/uzxxllgloialmn9mhwfe.webp","width":160,"height":160,"caption":"Prepbytes"},"image":{"@id":"http:\/\/43.205.93.38\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/prepbytes0211\/","https:\/\/www.instagram.com\/prepbytes\/","https:\/\/www.linkedin.com\/company\/prepbytes\/","https:\/\/www.youtube.com\/channel\/UC0xGnHDrjUM1pDEK2Ka5imA"]},{"@type":"Person","@id":"http:\/\/43.205.93.38\/#\/schema\/person\/3f7dc4ae851791d5947a7f99df363d5e","name":"Prepbytes","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/43.205.93.38\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/232042cd1a1ea0e982c96d2a2ec93fb70a8e864e00784491231e7bfe5a9e06b5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/232042cd1a1ea0e982c96d2a2ec93fb70a8e864e00784491231e7bfe5a9e06b5?s=96&d=mm&r=g","caption":"Prepbytes"},"url":"https:\/\/prepbytes.com\/blog\/author\/gourav-jaincollegedekho-com\/"}]}},"_links":{"self":[{"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/posts\/17802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/comments?post=17802"}],"version-history":[{"count":1,"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/posts\/17802\/revisions"}],"predecessor-version":[{"id":17805,"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/posts\/17802\/revisions\/17805"}],"wp:attachment":[{"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/media?parent=17802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/categories?post=17802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prepbytes.com\/blog\/wp-json\/wp\/v2\/tags?post=17802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}