parzibyte/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Escuchar click de botón</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
		<button id="miBoton">Haz click sobre mí :)</button>
    <script src="script.js"></script>
  </body>
</html>

## script.js
// Obtener referencia a botón
// Recuerda: el numeral o # indica id
const boton = document.querySelector("#miBoton");
// Agregar listener
boton.addEventListener("click", function(evento){
	// Aquí todo el código que se ejecuta cuando se da click al botón
	alert("Le has dado click");
});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Escuchar click de botón</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
	<button id="miBoton">Haz click sobre mí :)</button>
	<script src="script.js"></script>
	</body>
	</html>
	// Obtener referencia a botón
	// Recuerda: el numeral o # indica id
	const boton = document.querySelector("#miBoton");
	// Agregar listener
	boton.addEventListener("click", function(evento){
	// Aquí todo el código que se ejecuta cuando se da click al botón
	alert("Le has dado click");
	});