Simulador (Cuando presiona el botón "ejecutar el programa"
se graban todos los cuadros de texto y se ejecuta el primero de la lista
mostrando en una página el resultado)
Problema:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de jQuery</title>
<meta charset="UTF-8">
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<div id="recuadro">
</div>
<p id="coordenada"></p>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="funciones.js"></script>
</body>
</html>
let x = $(document);
x.ready(inicializarEventos);
function inicializarEventos() {
let x = $("#recuadro");
x.mousemove(moverMouse);
x = $("#recuadro");
x.mouseout(saleMouse);
}
function moverMouse(event) {
let x = $("#coordenada");
x.text("(" + event.clientX + "," + event.clientY + ")");
}
function saleMouse() {
let x = $("#coordenada");
x.text("Flecha fuera del recuadro");
}#recuadro{
background-color:#ffff00;
width:200px;
height:200px;
}