Back

Obtener ID del botón que hizo clic con OnClick en Javascript

Puedes obtener el ID del botón que hizo clic con un identificador en el onClick (this.id) luego debe mostrar el ID en una función de javascript, el código HTML de abajo es un ejemplo muy claro, si está trabajando con ID dinámicos agregue esa variable en el atributo del ID.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
  <h1 class="mb-5">Get ID of button that was clicked with OnClick in javascript</h1>
  <button id="1" onClick="click_here(this.id)" type="button" class="btn btn-primary">Button 1</button>
  <button id="2" onClick="click_here(this.id)" type="button" class="btn btn-primary">Button 2</button>
  <button id="3" onClick="click_here(this.id)" type="button" class="btn btn-primary">Button 3</button>
  <button id="4" onClick="click_here(this.id)" type="button" class="btn btn-primary">Button 4</button>
      
  <script type="text/javascript">
    function click_here(button_id)
    {
        alert("id:"+ button_id);
    }
  </script>
</body>
</html>
Ver más:  Rotar Grupos de Objetos alrededor de un Pivote en un Motor 2D en HTML Canvas
Marco Antonio
Marco Antonio
Marco Antonio es un Analista de Sistemas y apasionado por la programación y el diseño web, fundó AnthonCode para fusionar su experiencia técnica con la creatividad. Como redactor y desarrollador, se enfoca en crear soluciones digitales innovadoras y efectivas.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

× ¿Cómo puedo ayudarte?