La balise h1 ne fonctionne pas correctement en javascript

Question

La balise h1 ne fonctionne pas correctement en javascript

Demandé el 23 de Mai, 2013: Quand la question a-t-elle été
339 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Je suis un novice en JavaScript et j'ai besoin d'aide. Je dois afficher le nom[i] dans un en-tête h1, donc disons par exemple que j'écris "John", il sera affiché comme suit

nhoJ

mais lorsque j'essaie de placer l'en-tête h1 autour de name[i] tel qu'il est maintenant, il s'affiche comme ceci :

n
h
o
J

Quelqu'un peut-il m'aider à mettre un en-tête h1 autour de name[i] et à le faire s'afficher correctement ?

<html>
<body>
    <script>
        var namIn = window.prompt("Enter Name, separated by space:" ); 
        var namAr = namIn.split("");
        var namArLen = namAr.length; 
        document.write(namAr + "<br /> Length: " + namArLen + "<br />"); 
        var name = namIn;
        for(var i = name.length - 1; i >= 0; i--) {
            document.write( "<h1>" + name[i] + "</h1>" );
        }
    </script> 
</body>
</html>

Demandé el 23 de Mai, 2013 par user2395715

Answer 1

5 Réponses

Answer 2

5voto

user714965 Points 14264

Ouvrez le <h1> avant la boucle et la fermer après la boucle :

document.write("<h1>");
for(var i = name.length - 1; i >= 0; i--) {
   document.write(name[i]);
}
document.write("</h1>");

Répondu el 23 de Mai, 2013 par user714965 (14264 Points )

Answer 3

2voto

Sani Huttunen Points 10433

<html>
 <body>
    <script>
        var namIn = window.prompt("Enter Name, separated by space:" ); 
        var namAr = namIn.split("");
        var namArLen = namAr.length; 
        document.write(namAr + "<br /> Length: " + namArLen + "<br />"); 
        var name = namIn;
        document.write("<h1>");
        for(var i = name.length - 1; i >= 0; i--) {
            document.write(name[i]);
        }
        document.write("</h1>");
    </script> 
  </body>
</html>

au lieu de la boucle :

document.write("<h1>" + name.reverse() + "</h1>");

Répondu el 23 de Mai, 2013 par Sani Huttunen (10433 Points )

Answer 4

0voto

doniyor Points 16797

Vous donnez h1 dans chaque boucle, pour résoudre votre problème, faites cette étape

pseudo-code :

open h1
loop 
  name[i]
close h1

C'est tout.

Répondu el 23 de Mai, 2013 par doniyor (16797 Points )

Answer 5

0voto

Matthew Points 265

Vous créez un nouveau nœud pour chaque lettre, vous devez concaténer les caractères puis écrire le nœud html, essayez quelque chose comme ceci :

var newName = "";
for(var i = name.length - 1; i >= 0; i--) {
    //reverse.push(name[i]);
    newName += name[i];
}
document.write( "<h1>" + newName + "</h1>" );

Répondu el 23 de Mai, 2013 par Matthew (265 Points )

Answer 6

0voto

Fear Points 31

Vous écrivez trop <h1> balises. Chacune de ces balises écrit une ligne dans le document.

Chaque caractère apparaît donc sur une ligne distincte.

Vous devez inclure le nom entier dans un seul et unique <h1> étiquette.

Vous pouvez le faire en :

document.write("<h1>");
for(var i = name.length - 1; i >= 0; i--) {
    document.write(name[i]);
}
document.write("</h1>");

Répondu el 23 de Mai, 2013 par Fear (31 Points )

La balise h1 ne fonctionne pas correctement en javascript

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

La balise h1 ne fonctionne pas correctement en javascript

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: