Soy un "programador" principiante y estoy intentando hacer funcionar un código que he simplificado para que se entienda de mejor manera. Si alguien puede ayudarme con esto lo agradecería mucho ya que no logro entender porqué no funciona. El código es el siguiente:
let boton = document.getElementById('boton');
function mensaje(){
console.log('Este es el mensaje');
}
boton.addEventListener('click', mensaje);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mostrar mensaje</title>
<link rel="stylesheet" href="estilos.css">
<script type="text/javascript" src="script.js"></script>
<script src="https://kit.fontawesome.com/3151931480.js" crossorigin="anonymous"></script>
</head>
<body>
<button class="boton" id="boton">mensaje</button>
</body>
</html>
console.log()
solo imprime texto en los dev tools. Intenta usaralert()
y veras que tu codigo funciona bien.