Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Pepote21 en 15 de Junio 2017, 16:30
-
Hola a todos. Así es una buena forma de aprender. Os dejo mi código de respuesta al ejercicio CU01160E del curso de fundamentos de programación web con JavaScript usando Notepad++ como editor. Gracias.
Un saludo.
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
#espacio{width: 500px; height: 400px; border: 1px solid black; background-color: yellow;}
</style>
<script type="text/javascript">
function infoPosition(elEvento){
var evento = elEvento || window.event;//obtener objeto event para diversos navegadores
var ventanaX=evento.clientX; //coordenadas de la ventana
var ventanaY=evento.clientY;
var posX=ventanaX-8;
var posY=ventanaY-80;
var nodoPosition=document.getElementById('position');
nodoPosition.innerHTML='Posición x: '+posX+' - Posición y: '+posY;
}
/*window.onload=function(){
document.getElementById('espacio').onmouseover=infoPosition(event);
}*/
</script>
</head>
<body>
<script type="text/javascript">
</script>
<h1 id="position">Posición x: - Posición y:</h1>
<div id="espacio" onmousemove="infoPosition(event)";></div>
</body>
</html>
-
Buenas Pepote21 buen código solo recomendarte que intentes limpiar el código una vez terminado, en este ejercicio por ejemplo te han quedado un comentario y una etiqueta de script sin contenido
Salu2