Ecrire de plus en plus grand

Bonjour, j'ai recu un exercice me demandant à l'aide de Javascript d'écrire 5 fois consécutivement le paragraphe suivant "Bienvenue !".

J'ai donc commencé à écrire une boucle

Code:

---

1 2 3 4 5 6 7

var paragraphe="Bienvenue !";   for (i=1;i<5;i++) { document.write("<p>" + paragraphe + "</p>"); }

---

Cela écrit effectivement 5 fois le texte Bienvenue ! mais comment faire pour que celui ci soit de plus en plus grand à chaque tour de boucle ??

Merci d'avance !!!

Code:

---

1 2 3 4 5 6

var paragraphe="Bienvenue !";   for (i=1;i<5;i++) { document.write("<p style='font-size:1"+i+"px;'>" + paragraphe + "</p>"); }

---

par exemple ....


ou encore en lançant une finction dasn le onload di body ...

Code:

---

1 2 3 4 5 6 7 8

var parag for (i=1;i<5;i++) { var parag=document.createElement('p') p.style.fontSize=10 +i document.body.appendChild(parag) }

---

:cry:

Ca marche pas

Y a pas un conflit avec les guillemets ?
et dans la deuxième solution où dois je assigner la variable parag avec la valeur "Bienvenue !"??

Citation:

---

Envoyé par finalfx

Y a pas un conflit avec les guillemets ?

---

Bien vu l'aveugle.

Code:

---

1 2 3 4 5 6

var paragraphe='Bienvenue !';   for (i=1;i<5;i++) { document.write('<p style="font-size:1'+i+'px;">' + paragraphe + '</p>'); }

---

Edit :

Ah ah ah !

Le nouveau petit script pour la balise CODE met automatiquement des simples quotes à la place des guillemets.

Donc ça

Code:

---

document.write('<p style="font-size:1'+i+'px;">' + paragraphe + '</p>');

---

à remplacer par

Code:

---

document.write('<p style=\'font-size:1'+i+'px;\'>' + paragraphe + '</p>');

---

Edit 2 :

Bug apparemment corrigé.

??? je n'ai aucun souci de guillement le premier code donné testé sous IE et Firefox donne bien les résultats escomptés ... tu as du te planter dans le copier coller ...


pour le second code il y a en effet deux souci ...
p n'est pas une varaible ...
et il manque le texte ...

Code:

---

1 2 3 4 5 6 7 8 9 10

<script type='text/javascript'> for (i=1;i<5;i++) { var parag=document.createElement('p') parag.appendChild(document.createTextNode('Bienvenue !')) parag.style.fontSize=10 +i document.body.appendChild(parag) } </script>

---

Citation:

---

Envoyé par SpaceFrog

??? je n'ai aucun souci de guillement le premier code donné testé sous IE et Firefox donne bien les résultats escomptés ... tu as du te planter dans le copier coller ...

---

Le problème est que lorsque l'affichage coloré de la balise CODE a été mis en place, les guillemets se transformaient automatiquement en quote.
Donc ton code à ce moment là ressemblait à :

Code:

---

1 2 3 4 5

var paragraphe='Bienvenue !';   for (i=1;i<5;i++){ document.write('<p style='font-size:1'+i+'px;'>' + paragraphe + '</p>'); }

---

Au lieu de :

Code:

---

1 2 3 4 5

var paragraphe="Bienvenue !";   for (i=1;i<5;i++){ document.write("<p style='font-size:1"+i+"px;'>" + paragraphe + "</p>"); }

---

Bug qui a été corrigé par la suite, donc le copié/collé qu'a fait finalfx de ton code ne pouvait que générer une erreur.

arf si la coloration syntaxique s'en mèle ...