How to Make a "Ball" move When a Button is Clicked.

[mkay1]

When the up or down button is clicked I want the "ball" to move up or down. What I have sort of works. When I click up it will move up only ONCE and down only ONCE I want to be able to keep clicking up or down (or left or right) and have it keep moving by 5 pixels. Here's my js code. I have it positioned absolutely in my htm file.

window.onload = initAll; 
 
function initAll() 
{
    myBallObj=document.getElementById("ball"); 
    myBallObj.style.top = "300px";
    myBallObj.style.left = "300px";
 
    document.getElementById("btnUp").onclick = moveBall;
    document.getElementById("btnDown").onclick = moveBall;
    functions    
}
 
function moveBall()
{
    var y = parseInt(myBallObj.style.left); 
    switch(this.id)
    {
        case "btnUp": y -= 5; break;
        case "btnDown": y += 5; break; 
    }
 
    myBallObj.style.top = y += "px"; 
 
}
 

[Rabbit]

You'll want to use the setInterval() function to call your animation function every so often.