Problema:Disponer un título en una marca h1. Luego mostrar la coordenada del mouse cuando ingresa la flecha dentro del título.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prueba</title>
</head>
<body>
<h1 id="titulo">Este es un título</h1>
<p id="coordenadax">coordenada x=</p>
<p id="coordenaday">coordenada Y=</p>
<script src="funciones.js"></script>
</body>
</html>
document.getElementById('titulo').addEventListener('mousemove', (e) => {
document.getElementById('coordenadax').innerText = 'Coordenada x=' + e.clientX
document.getElementById('coordenaday').innerText = 'Coordenada y=' + e.clientY
})