Torgny > Meny Javascriptövn. > Javascriptövningar 7

Javascriptövningar 7

for-loopar, arrayer

1

Skapa en sida med en for-loop som skriver ut talen 1 till 100. Varje tal skall stå på en egen rad.

2

Följande html-sida innehåller en icke komplett tabell. Det finns ett tomt skript mellan tabellens <tr>-tags. Fyll skripter med en for-loop som skapar tre <td>-tags och som i de celler som skapas visar aktuellt värde på for-loopens styrvariabel enligt illustrationen nedom koden.

<html>
<head>
    <title>Exempel Javascript 7.2</title>
    
</head>

<body>
<table border=1>
<tr>
   <script>

   </script>
</tr>
</table>
</body>
</html>

3

Nedanstående kod innehåller exempel på användande av en Array, dvs en indexerad variabel. Med hjälp av en for-sats skrivs arrayens elememt ut i omvänd ordning.

<html>
<head>
    <title>Exempel Javascript 7.3</title>
    <script>
        var ord = new Array();
        ord[0] = "Clark ";
        ord[1] = "älskar ";
        ord[2] = "kanske ";
        ord[3] = "Lois ";
    </script>
    
</head>

<body>
<script>
for ( i = 3; i >= 0; i--){
    document.write(ord[i])
}
</script>

</body>
</html>

Koden generar en sida som ser ut så här:

Ex 3

Ändra for-loopen så att den i stället skriver ut arrayen i rätt ordning.

Ex 3

4

Nedanstående sida visar fem bilder. Om du klickar på knappen med texten "Paul" kommer den första bilden att bytas ut mot en bild på Paul McCartney. Testa programmet här.

<html>
<head>
   <title>Övning 7.4</title>
   <script>
   function paul() {      
      document.images[0].src = "bilder/cartney.jpg";      
   }
   </script>
   
</head>

<body>
   <img src="bilder/film1.jpg" width="128" height="195" border="0">
   <img src="bilder/film2.jpg" width="128" height="195" border="0">
   <img src="bilder/film3.jpg" width="128" height="195" border="0">
   <img src="bilder/film4.jpg" width="128" height="195" border="0">
   <img src="bilder/film5.jpg" width="128" height="195" border="0">
<form>
<input type=button value="Paul" onclick="paul();">
</form>
</body>
</html>

Lägg till en for-loop i funktionen paul så att samtliga bilder samtidigt byts ut till bilden på Paul när användaren klickar på knappen.

5

I övning 3.6 gjorde du ett program som räknade ut hur ett kapital växer år för år. Gör om programmet och komplettera det så att användaren får mata in det antal år som programmet skall beräkna och skriva ut. Använd en for-loop.