{"id":235105,"date":"2024-06-05T16:51:26","date_gmt":"2024-06-05T16:51:26","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=235105"},"modified":"2024-06-05T16:51:26","modified_gmt":"2024-06-05T16:51:26","slug":"how-to-get-the-value-of-a-button-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/","title":{"rendered":"How to get the value of a button in JavaScript?"},"content":{"rendered":"<p>JavaScript is a powerful programming language that allows developers to create interactive and dynamic websites. One common task in web development is getting the value of a button element in JavaScript. This can be useful for various purposes, such as form validation or handling user input. In this article, we&#8217;ll explore how to accomplish this task effectively.<\/p>\n<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-the-value-of-a-button-in-javascript\/#How_to_get_the_value_of_a_button_in_JavaScript\" title=\"How to get the value of a button in JavaScript?\">How to get the value of a 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-the-value-of-a-button-in-javascript\/#1_How_can_you_get_the_text_content_of_a_button_instead_of_its_value_attribute\" title=\"1. How can you get the text content of a button instead of its value attribute?\">1. How can you get the text content of a button instead of its value attribute?<\/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-the-value-of-a-button-in-javascript\/#2_Can_you_get_the_value_of_a_button_element_using_jQuery\" title=\"2. Can you get the value of a button element using jQuery?\">2. Can you get the value of a button element using jQuery?<\/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-the-value-of-a-button-in-javascript\/#3_How_do_you_get_the_value_of_a_button_in_a_form_submission_event\" title=\"3. How do you get the value of a button in a form submission event?\">3. How do you get the value of a button in a form submission event?<\/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-the-value-of-a-button-in-javascript\/#4_How_can_you_get_the_value_of_a_dynamically_created_button\" title=\"4. How can you get the value of a dynamically created button?\">4. How can you 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-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/#5_Can_you_get_the_value_of_a_button_within_an_onclick_event_handler\" title=\"5. Can you get the value of a button within an onclick event handler?\">5. Can you get the value of a button within an onclick event handler?<\/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-the-value-of-a-button-in-javascript\/#6_How_do_you_get_the_value_of_a_button_based_on_its_class_name\" title=\"6. How do you get the value of a button based on its class name?\">6. How do you get the value of a button based on its class name?<\/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-the-value-of-a-button-in-javascript\/#7_How_can_you_get_the_value_of_a_button_using_data_attributes\" title=\"7. How can you get the value of a button using data attributes?\">7. How can you get the value of a button using data attributes?<\/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-the-value-of-a-button-in-javascript\/#8_Is_it_possible_to_get_the_value_of_a_button_inside_a_nested_element\" title=\"8. Is it possible to get the value of a button inside a nested element?\">8. Is it possible to get the value of a button inside a nested element?<\/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-the-value-of-a-button-in-javascript\/#9_How_do_you_get_the_value_of_a_button_that_is_part_of_a_radio_group\" title=\"9. How do you get the value of a button that is part of a radio group?\">9. How do you get the value of a button that is part of a radio group?<\/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-the-value-of-a-button-in-javascript\/#10_How_can_you_get_the_value_of_a_button_using_its_ID\" title=\"10. How can you get the value of a button using its ID?\">10. How can you get the value of a button using its ID?<\/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-the-value-of-a-button-in-javascript\/#11_Can_you_get_the_value_of_a_submit_button_in_a_form_using_JavaScript\" title=\"11. Can you get the value of a submit button in a form using JavaScript?\">11. Can you get the value of a submit button in a form using 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-the-value-of-a-button-in-javascript\/#12_How_do_you_get_the_value_of_a_button_that_triggers_an_event\" title=\"12. How do you get the value of a button that triggers an event?\">12. How do you get the value of a button that triggers an event?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_get_the_value_of_a_button_in_JavaScript\"><\/span>How to get the value of a button in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>**To get the value of a button in JavaScript, you can use the `value` property of the button element. Here&#8217;s a simple example:**<\/p>\n<p>&#8220;`html<br \/>\n<button id=\"myButton\" value=\"Click me\">Click me<\/button><\/p>\n<p><script><br \/>\n  const button = document.getElementById('myButton');<br \/>\n  const buttonValue = button.value;<br \/>\n  console.log(buttonValue); \/\/ Output: Click me<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<p>In this example, we first select the button element using `getElementById()` method and then access its `value` property to retrieve the value of the button.<\/p>\n<p>Now, let&#8217;s address some related or similar FAQs about getting the value of a button in JavaScript.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_How_can_you_get_the_text_content_of_a_button_instead_of_its_value_attribute\"><\/span>1. How can you get the text content of a button instead of its value attribute?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To get the text content of a button element in JavaScript, you can use the `textContent` property instead of the `value` property. Here&#8217;s an example:<br \/>\n&#8220;`html<br \/>\n<button id=\"myButton\">Click me<\/button><\/p>\n<p><script><br \/>\n  const button = document.getElementById('myButton');<br \/>\n  const buttonText = button.textContent;<br \/>\n  console.log(buttonText); \/\/ Output: Click me<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Can_you_get_the_value_of_a_button_element_using_jQuery\"><\/span>2. Can you get the value of a button element using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can get the value of a button element using jQuery by selecting the button element and then using the `val()` method. Here&#8217;s an example:<br \/>\n&#8220;`html<br \/>\n<button id=\"myButton\" value=\"Click me\">Click me<\/button><\/p>\n<p><script><br \/>\n  const buttonValue = $('#myButton').val();<br \/>\n  console.log(buttonValue); \/\/ Output: Click me<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_How_do_you_get_the_value_of_a_button_in_a_form_submission_event\"><\/span>3. How do you get the value of a button in a form submission event?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If you want to get the value of a button when a form is submitted, you can access the `value` property of the button element within the form submit event handler. Here&#8217;s an example:<br \/>\n&#8220;`html<\/p>\n<form id=\"myForm\">\n  <button id=\"myButton\" value=\"Submit\">Submit<\/button><br \/>\n<\/form>\n<p><script><br \/>\n  const form = document.getElementById('myForm');<br \/>\n  form.addEventListener('submit', (e) => {<br \/>\n    e.preventDefault();<br \/>\n    const buttonValue = e.target.getElementById('myButton').value;<br \/>\n    console.log(buttonValue); \/\/ Output: Submit<br \/>\n  });<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_can_you_get_the_value_of_a_dynamically_created_button\"><\/span>4. How can you get the value of a dynamically created button?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To get the value of a dynamically created button in JavaScript, you can first create the button element using `document.createElement()` method, set its value attribute, and then access its value property. Here&#8217;s an example:<br \/>\n&#8220;`html<\/p>\n<div id=\"buttonContainer\"><\/div>\n<p><script><br \/>\n  const buttonContainer = document.getElementById('buttonContainer');<br \/>\n  const button = document.createElement('button');<br \/>\n  button.value = 'Dynamic Button';<br \/>\n  button.textContent = 'Dynamic Button';<br \/>\n  buttonContainer.appendChild(button);<\/p>\n<p>  const buttonValue = button.value;<br \/>\n  console.log(buttonValue); \/\/ Output: Dynamic Button<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Can_you_get_the_value_of_a_button_within_an_onclick_event_handler\"><\/span>5. Can you get the value of a button within an onclick event handler?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can get the value of a button within an onclick event handler by accessing the `value` property of the button element using `this` keyword. Here&#8217;s an example:<br \/>\n&#8220;`html<br \/>\n<button id=\"myButton\" value=\"Click me\" onclick=\"getButtonValue(this)\">Click me<\/button><\/p>\n<p><script><br \/>\n  function getButtonValue(button) {<br \/>\n    const buttonValue = button.value;<br \/>\n    console.log(buttonValue); \/\/ Output: Click me<br \/>\n  }<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_How_do_you_get_the_value_of_a_button_based_on_its_class_name\"><\/span>6. How do you get the value of a button based on its class name?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If you want to get the value of a button based on its class name, you can first select the button element using `getElementsByClassName()` method and then access its `value` property. Here&#8217;s an example:<br \/>\n&#8220;`html<br \/>\n<button class=\"btn\" value=\"Button 1\">Button 1<\/button><br \/>\n<button class=\"btn\" value=\"Button 2\">Button 2<\/button><\/p>\n<p><script><br \/>\n  const buttons = document.getElementsByClassName('btn');<br \/>\n  buttons.forEach((button) => {<br \/>\n    console.log(button.value);<br \/>\n  });<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_How_can_you_get_the_value_of_a_button_using_data_attributes\"><\/span>7. How can you get the value of a button using data attributes?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If you want to get the value of a button using data attributes, you can add a custom data attribute to the button element and then access it using `dataset` property. Here&#8217;s an example:<br \/>\n&#8220;`html<br \/>\n<button id=\"myButton\" data-value=\"Custom Value\">Click me<\/button><\/p>\n<p><script><br \/>\n  const button = document.getElementById('myButton');<br \/>\n  const buttonValue = button.dataset.value;<br \/>\n  console.log(buttonValue); \/\/ Output: Custom Value<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Is_it_possible_to_get_the_value_of_a_button_inside_a_nested_element\"><\/span>8. Is it possible to get the value of a button inside a nested element?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can get the value of a button that is nested inside another element by selecting the parent element and then accessing the button element using `querySelector()`. Here&#8217;s an example:<br \/>\n&#8220;`html<\/p>\n<div class=\"parent\">\n  <button value=\"Nested Button\">Nested Button<\/button>\n<\/div>\n<p><script><br \/>\n  const parent = document.querySelector('.parent');<br \/>\n  const button = parent.querySelector('button');<br \/>\n  console.log(button.value); \/\/ Output: Nested Button<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_How_do_you_get_the_value_of_a_button_that_is_part_of_a_radio_group\"><\/span>9. How do you get the value of a button that is part of a radio group?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If the button is part of a radio group, you can get the selected button&#8217;s value by checking its `checked` property. Here&#8217;s an example:<br \/>\n&#8220;`html<br \/>\n<input type=\"radio\" name=\"group\" value=\"Option 1\" checked>Option 1<br \/>\n<input type=\"radio\" name=\"group\" value=\"Option 2\">Option 2<\/p>\n<p><script><br \/>\n  const selectedButton = document.querySelector('input[name=\"group\"]:checked');<br \/>\n  console.log(selectedButton.value); \/\/ Output: Option 1<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_How_can_you_get_the_value_of_a_button_using_its_ID\"><\/span>10. How can you get the value of a button using its ID?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To get the value of a button using its ID, you can select the button element by its ID and then access its `value` property. Here&#8217;s an example:<br \/>\n&#8220;`html<br \/>\n<button id=\"myButton\" value=\"Get My Value\">Click me<\/button><\/p>\n<p><script><br \/>\n  const button = document.getElementById('myButton');<br \/>\n  console.log(button.value); \/\/ Output: Get My Value<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_Can_you_get_the_value_of_a_submit_button_in_a_form_using_JavaScript\"><\/span>11. Can you get the value of a submit button in a form using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can get the value of a submit button in a form by accessing its `value` property. Here&#8217;s an example:<br \/>\n&#8220;`html<\/p>\n<form id=\"myForm\">\n  <input type=\"submit\" value=\"Submit Form\"><br \/>\n<\/form>\n<p><script><br \/>\n  const submitButton = document.querySelector('input[type=\"submit\"]');<br \/>\n  console.log(submitButton.value); \/\/ Output: Submit Form<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_How_do_you_get_the_value_of_a_button_that_triggers_an_event\"><\/span>12. How do you get the value of a button that triggers an event?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If you want to get the value of a button that triggers an event, you can access the `value` property of the button element within the event handler function. Here&#8217;s an example:<br \/>\n&#8220;`html<br \/>\n<button id=\"myButton\" value=\"Click me\">Click me<\/button><\/p>\n<p><script><br \/>\n  const button = document.getElementById('myButton');<br \/>\n  button.addEventListener('click', (e) => {<br \/>\n    console.log(e.target.value); \/\/ Output: Click me<br \/>\n  });<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<p>In conclusion, getting the value of a button in JavaScript is a straightforward task that can be accomplished using the `value` property of the button element. Whether you&#8217;re working with static or dynamically created buttons, knowing how to retrieve their values is essential for handling user interactions effectively.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript is a powerful programming language that allows developers to create interactive and dynamic websites. One common task in web development is getting the value of a button element in JavaScript. This can be useful for various purposes, such as form validation or handling user input. In this article, we&#8217;ll explore how to accomplish this &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get the value of a button in JavaScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/#more-235105\">Read more<span class=\"screen-reader-text\">How to get the value of a button in JavaScript?<\/span><\/a><\/p>\n","protected":false},"author":59,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-235105","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 the value of a button in JavaScript?<\/title>\n<meta name=\"description\" content=\"JavaScript is a powerful programming language that allows developers to create interactive and dynamic websites. One common task in web development is\" \/>\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-the-value-of-a-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 the value of a button in JavaScript?\" \/>\n<meta property=\"og:description\" content=\"JavaScript is a powerful programming language that allows developers to create interactive and dynamic websites. One common task in web development is\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-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-06-05T16:51:26+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=\"Francis French\" \/>\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=\"Francis French\" \/>\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-the-value-of-a-button-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/\"},\"author\":{\"name\":\"Francis French\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/1622769be52c41a10d83bee2c48a8c48\"},\"headline\":\"How to get the value of a button in JavaScript?\",\"datePublished\":\"2024-06-05T16:51:26+00:00\",\"dateModified\":\"2024-06-05T16:51:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/\"},\"wordCount\":736,\"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-the-value-of-a-button-in-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/\",\"name\":\"How to get the value of a button in JavaScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-06-05T16:51:26+00:00\",\"dateModified\":\"2024-06-05T16:51:26+00:00\",\"description\":\"JavaScript is a powerful programming language that allows developers to create interactive and dynamic websites. One common task in web development is\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-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 the value of a 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\/1622769be52c41a10d83bee2c48a8c48\",\"name\":\"Francis French\",\"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\":\"Francis French\"},\"description\":\"Guest author Francis French 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 the value of a button in JavaScript?","description":"JavaScript is a powerful programming language that allows developers to create interactive and dynamic websites. One common task in web development is","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-the-value-of-a-button-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to get the value of a button in JavaScript?","og_description":"JavaScript is a powerful programming language that allows developers to create interactive and dynamic websites. One common task in web development is","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-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-06-05T16:51:26+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":"Francis French","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Francis French","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/"},"author":{"name":"Francis French","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/1622769be52c41a10d83bee2c48a8c48"},"headline":"How to get the value of a button in JavaScript?","datePublished":"2024-06-05T16:51:26+00:00","dateModified":"2024-06-05T16:51:26+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/"},"wordCount":736,"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-the-value-of-a-button-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/","name":"How to get the value of a button in JavaScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-06-05T16:51:26+00:00","dateModified":"2024-06-05T16:51:26+00:00","description":"JavaScript is a powerful programming language that allows developers to create interactive and dynamic websites. One common task in web development is","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-button-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-a-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 the value of a 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\/1622769be52c41a10d83bee2c48a8c48","name":"Francis French","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":"Francis French"},"description":"Guest author Francis French 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\/235105","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\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=235105"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/235105\/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=235105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=235105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=235105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}