Exercice utilisant le onload

**Tamzoro** · 08/03/2018, 19h29

Bonsoir,

Je débute en JavaScript et j'aimerais bien énumérer les nombres de 0 à 5 et puis à 0 afficher "Terminez !" avec un onload.

J'ai un soucis par rapport au onload, il ne fonctionne pas visiblement. Avez-vous une idée ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
    <html>
        <head>
            <script type="text/javascript">
 
                function main()
                {
                    for(i = 0; i<6; i++)
                    {
                        document.write(i + "<br>" );
                         
                    }
 
                }
 
                function message()
                {
                    alert ("Terminer ! ") ;
                }
 
 
            </script>
        </head>
 
         <body onload="main();" onclick="message();"  > </body>

**eleydet** · 08/03/2018, 21h09

Bonsoir,

Ci-dessous, une version du code modifiée :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      function main()
      {
         for(i=0; i<6; i++)
         {
            document.write(i + "<br>" );                
         }
         message();
      }
      function message()
      {
         alert ("Terminer ! ") ;
      }
    </script>
  </head>
  <body onload="main();"> </body>
</html>

En principe, on ne devrait plus utiliser la fonction document.write(), dépréciée. On peut donc écrire à la place :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      function main()
      {
         var ch="";
         for(i=0; i<6; i++)
         {
            ch+=i+"<br>";                
         }
         document.body.innerHTML=ch;
         message();
      }
      function message()
      {
         alert ("Terminer ! ") ;
      }
    </script>
  </head>
  <body onload="main();"> </body>
</html>

**Tamzoro** · 08/03/2018, 22h26

Bonsoir eleydet,

Merci pour ton message, j'ai résolu mon petit soucis.

Bonne soirée à toi

Exercice utilisant le onload

JavaScript

Discussions similaires

Partager

Partager