Me pueden ayudar com este codigo?

Question

Necesito que el codigo se veo un poco mas chico (las declaraciones if ocupan mucho espacio , me gustaria que me ayuden a achicarlo) y tambien cuando tocas los botones de "-->" y "v" ya no hace la animacion el cuadrado cuando tocas "<--" y "^" pero si vuelves a tocar "-->" y "v" hace la animacion, ayuda :(
https://code.sololearn.com/WIunZAHJX8Wl/?ref=app

Answer 1

Aqui te dejo el enlace.
Cree una funcion llamada evaluar que reemplazaba el testeo repetitivo el cual era lo mismo para cada boton. Utilize doble switch para evaluar los valores los cual reemplazaria esos if pero creo q solo sirve en valores enteros, sin usar el default o el break en ella. Si no sabes usar aun switch, al estudiarlo y practicarlo entenderas porque hize eso.
Otro detalle que causaba el problema de q no regresa es que agregabas posicion left y right, top y bottom, al CSS de box; cuando se posiciona un objeto solo debe ser respecto a dos lados, te recomiendo revisar estudiar y practicar mas un poco de posicionamiento.

Espero q revises lo que hize y pues te ayude a mejorar, tambien estoy aprendiendo pero tengo un poco mas de tiempo practicando.

https://code.sololearn.com/Wa22a17A1A12

Ademas lo separe en HTML, CSS y JS segun la ventana esta de SoloLearn

Suerte!

Answer 2

Gracias