Recordemos las buenas practicas y que siempre hay mas de una manera de hacer ciertas cosas, un ejemplo de mi codigo.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi primer programa HTML</title>
</head>
<body>
<h4>Página de prueba HTML</h4>
¿Será esto realmente un programa? Descúbrelo <a href="https://www.google.com">aquí</a>
<br><br><br>
Esto es <a href="#" class="alerta"><strong>programación alerta 1</strong></a>
<br><br><br>
Esto es <a href="#" onclick="alert('Esto es programación con onclick');"><strong>programación alerta 2</strong></a>
<br><br><br>
Esto es <a href="#" onclick="alerta2();"><strong>programación alerta 3</strong></a>
</body>
<script>
const alerta = () => {
alert('Esto es programación con funciones');
}
document.querySelector('.alerta').addEventListener('click', alerta);
function alerta2() {
alert('Esto es programación con funciones');
};
</script>
</html>
