<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Button Click Example</title>
  <!-- Include jQuery from a CDN -->
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>

<button type="button" class="btn btn-primary mr-2" onclick="addItem()">Add Item</button>

<button type="button" class="btn btn-primary mr-2" onclick="addSrItem()">Add SR Item</button>

<script>
  // Function for the "Add Item" button
  function addItem() {
    // Your code for the "Add Item" button functionality goes here
    alert("Add Item clicked");
  }

  // Function for the "Add SR Item" button
  function addSrItem() {
    // Your code for the "Add SR Item" button functionality goes here
    alert("Add SR Item clicked");
  }

  // Using jQuery to handle the click event for all buttons
  $("button").click(function(){
    // Your common code for button click event goes here
   alert("Any button clicked");
  });
</script>

</body>
</html>
