Pass element ID to Javascript function

by

This’ll work:

<!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript">
            function myFunc(id)
            {
                alert(id);
            }
        </script>
    </head>

    <body>
        <button id="button1" class="MetroBtn" onClick="myFunc(this.id);">Btn1</button>
        <button id="button2" class="MetroBtn" onClick="myFunc(this.id);">Btn2</button>
        <button id="button3" class="MetroBtn" onClick="myFunc(this.id);">Btn3</button>
        <button id="button4" class="MetroBtn" onClick="myFunc(this.id);">Btn4</button>
    </body>
</html>

More Related Contents:

  1. Link Replacement With JavaScript [closed]
  2. How to Protect website code PHP / JS? [closed]
  3. How to create blog posts with HTML and CSS? [closed]
  4. How to stop event propagation with inline onclick attribute?
  5. How to decode HTML entities using jQuery?
  6. How do I add a simple onClick event handler to a canvas element?
  7. How to run a function when the page is loaded?
  8. Reload an iframe with jQuery
  9. Remember and Repopulate File Input [duplicate]
  10. jQuery click not working for dynamically created items [duplicate]
  11. Stop setInterval
  12. Finding line-wraps
  13. How to remove an HTML element using Javascript?
  14. How to Increase browser zoom level on page load?
  15. Intercept a form submit in JavaScript and prevent normal submission
  16. Will HTML5 allow web apps to make peer-to-peer HTTP connections?
  17. Uploading ‘canvas’ image data to the server
  18. Creating a jQuery object from a big HTML-string
  19. What html tags support the onload/onerror javascript event attributes?
  20. Javascript variables in HTML attributes
  21. Multicolor Text Highlighting in a Textarea or Text Input
  22. What is the purpose of the HTML “no-js” class?
  23. What is the current state of the art in HTML canvas JavaScript libraries and frameworks? [closed]
  24. Webpack file-loader outputs [object Module]
  25. Javascript function to Rotate a base 64 image by X degrees and return new base64
  26. Why does Firefox react differently from Webkit and IE to “click” event on “select” tag?
  27. Retain scrollbar position even after reloading using javascript
  28. HTML5 Canvas translate(0.5,0.5) not fixing line blurryness
  29. Create HTML table from JavaScript object
  30. Difference between jQuery’s .hide() and setting CSS to display: none

Leave a Comment