Tutorial

Click on thumbnailed images to enlarge

There are various looping method in Javascript but here I'm just going to talk about the

for() loop.

Let us first see how it works.

<script type="text/javascript">
d = document; // the document object is replaced with d to save time typing :P

animals = new Array("monkey", "tiger", "elephant"); // first array: animals!

food = new Array("banana", "human", "nuts"); // second array: food :) yummy...

for(i=0; i<animals.length && i<food.length; i++){
d.write(animals[i]+" LOVES "+food[i]+"<br />");
}

</script>


The above codes will output:

[quote]monkey LOVES banana
tiger LOVES human
elephant LOVES nuts[/quote]

Okay, so it picks up from the arrays and writes everything automatically. But, how useful is it?

Try replacing the array values to write a navigation menu using table or div tags.

If you have a list of links, try listing 'em using the for() loop. Saves time.

Tutorial Comments

Showing latest 3 of 3 comments

Well, the purpose of this tutorial is to give the basic example on how the loop works. So, the expected result is that people can use this concept to loop on something else. The main idea is, to help people not to retype everything over and over again. E.

By birdman on May 1, 2006 6:18 am

QUOTE(chasingvictory @ Apr 24 2006, 3:34 PM) [snapback]2011775[/snapback]hey that like java!!1 haha.. i did not know that...JavaScript, actually.I feel like there should be more info in this tutorial, specifying what exactly the stuff is

By mipadi on Apr 24, 2006 4:26 pm

hey that like java!!1 haha.. i did not know that...

By chasingvictory on Apr 24, 2006 3:34 pm

Tutorial Details

Author birdman View profile
Submitted on Apr 2, 2006
Page views 8,199
Favorites 2
Comments 3

Tutorial Tags