Mi tarea es crear una bola y hacer que se mueva de un lado a otro de la pantalla. Hice que se moviera en una dirección, pero tengo problemas para que vaya en reversa. Esto es lo que tengo hasta ahora:
function moveBall() { positionX = positionX + velocity; ball.style.left = positionX + 'px'; let reserve = false if (positionX = 20000 + 'px') return; !reverse; }La instrucción if solo detiene la pelota en un punto determinado, pero no la hace girar.
Estoy seguro de que es algo realmente simple que simplemente estoy pasando por alto, especialmente en este punto porque he estado buscando en Google, ¡así que si alguien puede echarle una mano a un novato, sería muy apreciado!
Pruebe este código, que usa una variable reverseNum para rastrear si la velocidad debe ser negada o no.
HTML:
<body></body>JS:
document.body.onload=function(){ ball=document.createElement("DIV"); ball.style.width="100px"; //Ball radius ball.style.height="100px"; //Ball radius ball.style.borderRadius="100%"; ball.style.backgroundColor="red"; ball.style.position="absolute"; document.body.appendChild(ball); setInterval(function(){moveBall()},100)} var positionX=0; var velocity=100; var reverseNum=1;//1 if should reverse is false, -1 if should reverse is true function moveBall() { positionX = positionX + velocity*reverseNum; ball.style.left = positionX + 'px'; if(positionX>20000){ reverseNum=-1; } }positionX = positionX + velocity;Entonces, al agregar velocidad a la posición X, hace que avance, luego, al revés, que es menos velocidad, hará que regrese.
Y use la condición if para separar la ida y la vuelta.
por ej.
function moveBall() { if (positionX = 20000 + 'px'){ positionX -= velocity; //same as positionX = positionX - velocity; }else{ positionX += velocity; ball.style.left = positionX + 'px'; let reserve = false; // not sure what you trying to do with this; !reverse; // and this } y si desea obtener el estado de movimiento actual al reverse , simplemente configure falso cuando menos y verdadero y más.