Cómo mover objetos con Javascript (En 3 Pasos)

Por jim campbell
Cómo mover objetos con Javascript (En 3 Pasos)
Goodshoot/Goodshoot/Getty Images

JavaScript te ofrece la posibilidad de disponer dinámicamente objetos en una página Web. Puedes mover dinámicamente un objeto utilizando las propiedades de "derecha" y de "izquierda". Estas dos propiedades le indican al navegador dónde colocar el objeto. Si cambias la ubicación de los pixeles, se moverá el objeto a través de la pantalla del navegador.

Paso 1

Haz clic derecho en el archivo HTML que contiene el objeto. Haz clic en "Abrir con" y luego haz doble clic en el editor JavaScript o HTML que prefieres usar para cambiar el código.

Paso 2

Desplázate hasta la ubicación de la etiqueta "script" (secuencia de comandos). JavaScript se ejecuta en las etiquetas "script". Si no tienes una etiqueta de "script", copia y pega el siguiente código en el archivo HTML:

Paso 3

Ingresa el siguiente código en las etiquetas del "script" para mover el objeto:

var object =document.getElementById("image"); object.left= 200;

El código anterior establece un objeto imagen para la variable "objeto". El objeto se dispone luego en la posición 200 del lado izquierdo de la pantalla del usuario. Por ejemplo, si la imagen se encuentra en el píxel 400, entonces el objeto se moverá hacia la izquierda de la pantalla.