{"id":228175,"date":"2024-04-18T00:43:48","date_gmt":"2024-04-18T00:43:48","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=228175"},"modified":"2024-04-18T00:43:48","modified_gmt":"2024-04-18T00:43:48","slug":"how-to-get-value-of-clicked-button-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/","title":{"rendered":"How to get value of clicked button in JavaScript?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#How_to_get_value_of_clicked_button_in_JavaScript\" title=\"How to get value of clicked button in JavaScript?\">How to get value of clicked button in JavaScript?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#FAQs\" title=\"FAQs:\">FAQs:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#1_How_can_I_get_the_value_of_a_clicked_button_when_using_inline_event_handlers\" title=\"1. How can I get the value of a clicked button when using inline event handlers?\">1. How can I get the value of a clicked button when using inline event handlers?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#2_Can_I_access_the_value_of_a_button_without_assigning_an_ID\" title=\"2. Can I access the value of a button without assigning an ID?\">2. Can I access the value of a button without assigning an ID?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#3_What_if_I_want_to_perform_different_actions_based_on_different_button_values\" title=\"3. What if I want to perform different actions based on different button values?\">3. What if I want to perform different actions based on different button values?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#4_How_do_I_display_the_value_of_a_clicked_button_on_the_webpage\" title=\"4. How do I display the value of a clicked button on the webpage?\">4. How do I display the value of a clicked button on the webpage?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#5_Can_I_get_the_value_of_a_button_if_its_inside_a_form\" title=\"5. Can I get the value of a button if it&#8217;s inside a form?\">5. Can I get the value of a button if it&#8217;s inside a form?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#6_How_can_I_get_the_text_of_a_clicked_button_instead_of_its_value\" title=\"6. How can I get the text of a clicked button instead of its value?\">6. How can I get the text of a clicked button instead of its value?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#7_Is_it_possible_to_get_the_value_of_a_dynamically_created_button\" title=\"7. Is it possible to get the value of a dynamically created button?\">7. Is it possible to get the value of a dynamically created button?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#8_What_if_the_button_does_not_have_a_value_attribute\" title=\"8. What if the button does not have a value attribute?\">8. What if the button does not have a value attribute?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#9_Can_I_use_this_technique_to_get_the_value_of_other_HTML_elements\" title=\"9. Can I use this technique to get the value of other HTML elements?\">9. Can I use this technique to get the value of other HTML elements?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#10_How_can_I_get_the_value_of_a_clicked_radio_button_in_JavaScript\" title=\"10. How can I get the value of a clicked radio button in JavaScript?\">10. How can I get the value of a clicked radio button in JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#11_Can_I_get_the_value_of_multiple_clicked_buttons_at_once\" title=\"11. Can I get the value of multiple clicked buttons at once?\">11. Can I get the value of multiple clicked buttons at once?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#12_Is_there_an_alternative_way_to_get_the_value_of_a_clicked_button_in_JavaScript\" title=\"12. Is there an alternative way to get the value of a clicked button in JavaScript?\">12. Is there an alternative way to get the value of a clicked button in JavaScript?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_get_value_of_clicked_button_in_JavaScript\"><\/span>How to get value of clicked button in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When working with JavaScript, it is quite common to have various buttons on a webpage. At times, you may need to determine the value of a button that has been clicked. This can be useful in scenarios where you want to perform different actions based on the button clicked. Fortunately, JavaScript provides a simple and straightforward way to accomplish this task.<\/p>\n<p><strong>The following code snippet demonstrates how to get the value of a clicked button in JavaScript:<\/strong><\/p>\n<pre><code>const buttons = document.querySelectorAll('button');<br \/>\n<br \/>\nbuttons.forEach(button => {<br \/>\n    button.addEventListener('click', () => {<br \/>\n        console.log(button.value);<br \/>\n    });<br \/>\n});<\/code><\/pre>\n<p>Let&#8217;s break down the code:<\/p>\n<ol><\/p>\n<li>We first select all the buttons on the webpage using the <code>querySelectorAll()<\/code> method. In this example, we are capturing all the button elements.<\/li>\n<p><\/p>\n<li>Next, we iterate over each button element using the <code>forEach()<\/code> method.<\/li>\n<p><\/p>\n<li>For each button, we attach an event listener to the <code>click<\/code> event using the <code>addEventListener()<\/code> method.<\/li>\n<p><\/p>\n<li>Inside the event listener, we access the value of the button using the <code>button.value<\/code> property and log it to the console.<\/li>\n<p>\n<\/ol>\n<p>By following this code pattern, you can obtain the value of a clicked button easily and use it in your JavaScript code as needed.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"1_How_can_I_get_the_value_of_a_clicked_button_when_using_inline_event_handlers\"><\/span>1. How can I get the value of a clicked button when using inline event handlers?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>If you are using inline event handlers, you can pass the value directly as an argument to the onclick function:<\/p>\n<p><\/p>\n<pre><code>&lt;button onclick=\"getValue(this.value)\" value=\"example\"&gt;Click Me&lt;\/button&gt;<\/code><\/pre>\n<h3><span class=\"ez-toc-section\" id=\"2_Can_I_access_the_value_of_a_button_without_assigning_an_ID\"><\/span>2. Can I access the value of a button without assigning an ID?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>Yes, you can. The code provided earlier demonstrates how to get the value without relying on IDs.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_What_if_I_want_to_perform_different_actions_based_on_different_button_values\"><\/span>3. What if I want to perform different actions based on different button values?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can utilize conditional statements, such as <code>if<\/code> or <code>switch<\/code>, to perform different actions based on the value obtained from the clicked button.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_do_I_display_the_value_of_a_clicked_button_on_the_webpage\"><\/span>4. How do I display the value of a clicked button on the webpage?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can target an HTML element, such as a <code>div<\/code> or <code>span<\/code>, using its ID or class, and then set its innerHTML or textContent to the value of the clicked button.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Can_I_get_the_value_of_a_button_if_its_inside_a_form\"><\/span>5. Can I get the value of a button if it&#8217;s inside a form?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>Yes, you can. The code provided earlier works regardless of whether the button is inside a form or not.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_How_can_I_get_the_text_of_a_clicked_button_instead_of_its_value\"><\/span>6. How can I get the text of a clicked button instead of its value?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>Instead of <code>button.value<\/code>, you can use <code>button.innerText<\/code> or <code>button.textContent<\/code> to obtain the text content of the button.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Is_it_possible_to_get_the_value_of_a_dynamically_created_button\"><\/span>7. Is it possible to get the value of a dynamically created button?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>Yes, you can. Just make sure to attach the event listener to the dynamically created button after it has been added to the DOM.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_What_if_the_button_does_not_have_a_value_attribute\"><\/span>8. What if the button does not have a value attribute?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>If the button does not have a value attribute, you won&#8217;t be able to retrieve a specific value. However, you can still perform actions based on the fact that the button was clicked.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_Can_I_use_this_technique_to_get_the_value_of_other_HTML_elements\"><\/span>9. Can I use this technique to get the value of other HTML elements?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>No, this technique is specific to buttons. To get the value of other HTML elements, you&#8217;ll need to use different methods based on the element type, such as input fields, select dropdowns, or checkboxes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_How_can_I_get_the_value_of_a_clicked_radio_button_in_JavaScript\"><\/span>10. How can I get the value of a clicked radio button in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>Rather than using the <code>click<\/code> event on the button element, you can listen for the <code>change<\/code> event on the radio button group and use JavaScript to determine the selected value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_Can_I_get_the_value_of_multiple_clicked_buttons_at_once\"><\/span>11. Can I get the value of multiple clicked buttons at once?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>No, the code provided targets individual button elements and logs their values one at a time. If you need to handle multiple buttons, you can modify the code to store their values in an array or object for further processing.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_Is_there_an_alternative_way_to_get_the_value_of_a_clicked_button_in_JavaScript\"><\/span>12. Is there an alternative way to get the value of a clicked button in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>While the method demonstrated in this article is a common and reliable approach, there are alternative ways to achieve the same result. Some frameworks or libraries may provide their own methods or abstractions to handle button clicks and retrieve values.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to get value of clicked button in JavaScript? When working with JavaScript, it is quite common to have various buttons on a webpage. At times, you may need to determine the value of a button that has been clicked. This can be useful in scenarios where you want to perform different actions based on &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get value of clicked button in JavaScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#more-228175\">Read more<span class=\"screen-reader-text\">How to get value of clicked button in JavaScript?<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-228175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to get value of clicked button in JavaScript?<\/title>\n<meta name=\"description\" content=\"How to get value of clicked button in JavaScript? When working with JavaScript, it is quite common to have various buttons on a webpage. At times, you may\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to get value of clicked button in JavaScript?\" \/>\n<meta property=\"og:description\" content=\"How to get value of clicked button in JavaScript? When working with JavaScript, it is quite common to have various buttons on a webpage. At times, you may\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-18T00:43:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Casey Mayer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Casey Mayer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/\"},\"author\":{\"name\":\"Casey Mayer\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f\"},\"headline\":\"How to get value of clicked button in JavaScript?\",\"datePublished\":\"2024-04-18T00:43:48+00:00\",\"dateModified\":\"2024-04-18T00:43:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/\"},\"wordCount\":664,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/\",\"name\":\"How to get value of clicked button in JavaScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-04-18T00:43:48+00:00\",\"dateModified\":\"2024-04-18T00:43:48+00:00\",\"description\":\"How to get value of clicked button in JavaScript? When working with JavaScript, it is quite common to have various buttons on a webpage. At times, you may\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to get value of clicked button in JavaScript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f\",\"name\":\"Casey Mayer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Casey Mayer\"},\"description\":\"Guest author Casey Mayer has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to get value of clicked button in JavaScript?","description":"How to get value of clicked button in JavaScript? When working with JavaScript, it is quite common to have various buttons on a webpage. At times, you may","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:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to get value of clicked button in JavaScript?","og_description":"How to get value of clicked button in JavaScript? When working with JavaScript, it is quite common to have various buttons on a webpage. At times, you may","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-04-18T00:43:48+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png","type":"image\/png"}],"author":"Casey Mayer","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Casey Mayer","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/"},"author":{"name":"Casey Mayer","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f"},"headline":"How to get value of clicked button in JavaScript?","datePublished":"2024-04-18T00:43:48+00:00","dateModified":"2024-04-18T00:43:48+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/"},"wordCount":664,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/","name":"How to get value of clicked button in JavaScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-04-18T00:43:48+00:00","dateModified":"2024-04-18T00:43:48+00:00","description":"How to get value of clicked button in JavaScript? When working with JavaScript, it is quite common to have various buttons on a webpage. At times, you may","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-value-of-clicked-button-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to get value of clicked button in JavaScript?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f","name":"Casey Mayer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Casey Mayer"},"description":"Guest author Casey Mayer has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/228175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=228175"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/228175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=228175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=228175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=228175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}