11.Completar los casos

Community International
1

(document).ready(function() { (document).keydown(function(key) {
switch(parseInt(key.which,10)) {
case 37:
('img').animate({left: "-=10px"}, 'fast'); break; case 38: (‘img’).animate({top: “-=10px”}, ‘fast’);
break;
case 39:
('img').animate({left: "+=10px"}, 'fast'); break; case 40: (‘img’).animate({top: “+=10px”}, ‘fast’);
break;
}
});
});

Funciona correctamente con las flechas arriba, abajo derecha e izquierda. Pero no me deja continuar ya que me sale el siguiente mensaje: ERROR/¡Asegúrate de presionar ‘a’, ‘s’, ‘w’, o ‘d’ para hacer que tu personaje se mueva!

2

@sergiomm,

Try using

$(document).ready(function() {
        $("<p>").html("Key pressed:").appendTo("body");
        $("p").position("absolute")
        $("p").css({"margin-top":"130px"})
        $("<div>").appendTo("p").position("absolute")
        $("div").css({"margin-top":"10px"})
        $("div").addClass("counter");
    $(document).keydown(function(key) {
        $(".counter").html(key.keyCode);
        switch(parseInt(key.which,10)) {
			// Left arrow key pressed
			case 65:
			case 97:
			case 37:
				$('img').animate({left: "-=10px"}, 'fast');
				break;
			// Up Arrow Pressed
			case 38:
				// Put our code here
				$('img').animate({top: "-=10px"}, 'fast');
				break;
			// Right Arrow Pressed
			case 39:
				// Put our code here
				$('img').animate({left: "+=10px"}, 'fast');
				break;
			// Down Arrow Pressed
			case 40:
				// Put our code here
				$('img').animate({top: "+=10px"}, 'fast');
				break;
		}
	});
});