Question

I have a simple javascript animation, where two cowboys (iamges) ‘race’ each other based on a random interval number.

What I can’t find out how to do is for the script to take a decision on who is the winner, meaning if a cowboy reaches a pre-defined distance first, the script will know and will show an alert on who won.

Here is a screen shot to show an example:

This is the code I have so far: http://pastebin.com/Cmt4N8c9

Can give me some directions?

Thanks,
Brian

Answer 1

In your move() function you should do something like

if (x >= dest_x) {
    alert('player 1 won');
} else if (x2 >= dest_x2) {
    alert('player 2 won');
} else {
    ... continue the loop ... 
}

You’d most likely put that behind

document.getElementById("cowboy").style.top  = y+'px';
document.getElementById("cowboy").style.left = x+'px';

document.getElementById("cowboytwo").style.top  = y2+'px';
document.getElementById("cowboytwo").style.left = x2+'px';

You might want to check your code on duplicate variables too, by the way.

AFAIK dest_x and dest_x2 are both the same for example.