Javascript für Schleife Ausgabe

-1

Ausgabe ich habe, ist wie folgt: Diese for-Schleife soll eine Nummer in der Adresse werden setzen und bis 152 zu zählen und dann vollständige Adresse setzen, wieJavascript für Schleife Ausgabe

<img src="http://pokeapi.co/media/img/1.png"> 
<img src="http://pokeapi.co/media/img/2.png">

folgt und so weiter. Was vermisse ich?

var webaddress = ['<img src="http://pokeapi.co/media/img/">']; 
 
var text = ""; 
 
var i; 
 
for (i = 0; i < 152; i++) { 
 
    text += webaddress[i] + ".png"; 
 
} 
 
document.getElementById("Pokeman").innerHTML = text;

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title></title> 
 
    <meta charset="utf-8"> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 
    </style> 
 
    <script type="text/javascript" rel="script" type="script" href="script.jss"></script> 
 
    <script type="text/javascript" src='http://code.jquery.com/jquery-1.10.2.min.js'></script> 
 

 
</head> 
 

 

 
<body> 
 
    <div id="container"> 
 

 
    <p id="Pokeman"></p> 
 

 

 

 
    </div> 
 

 
</body> 
 

 
</html>

Quelle

2017-03-03 David Hollenbeck

Sie können die webaddress als root Zeichenfolge erstellen und ersetzen Sie es Looping

var webaddress = '<img src="http://pokeapi.co/media/img/[index].png">'; 
 
    var text = ""; 
 
    for (var i = 1; i <= 152; i++) { 
 
    text += webaddress.replace("[index]", i); 
 
    } 
 
    document.write(text);

Quelle

2017-03-03 04:34:38

1 und done sehr viel getan –

Sie Ihr Javascript im Kopfeinstellung - aber das Element, auf das verwiesen wird (#Pokeman) ist noch nicht im DOM - einfach den js Block zum Ende bewegen - vor dem schließendes Body-Tag und da Sie jquery verwenden - ich vereinfachte die js und benutzte sie auch.

BEARBEITEN - Ich habe gerade Ihren IMG-Code in die Funktion eingefügt, so dass die Bilder als Zahl inkrementiert werden.

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title></title> 
 
    <meta charset="utf-8"> 
 
    <link rel="stylesheet" type="text/css" href="style.css"/> 
 

 
    </head> 
 
    <body> 
 
    <div id="container"> 
 
     <p id="Pokeman"></p> 
 
    </div> 
 
    
 
    <script type="text/javascript" rel="script" type="script" href="script.jss"></script> 
 
    <script type="text/javascript" src='http://code.jquery.com/jquery-1.10.2.min.js'></script> 
 
    <script> 
 
    $(document).ready(function(){ 
 
    for (var i = 1; i <= 152; i++) { 
 
     $("#Pokeman").append('<img src="http://pokeapi.co/media/img/'+ i + '.png"/>'); 
 
    } 
 
    }) 
 
</script> 
 
    </body> 
 
</html>

Quelle

2017-03-03 04:24:10 gavgrif

Gut, das gedruckt :) Jetzt muss ich herausfinden, warum seine undefinierte –

das wäre, weil Webadresse nur einen Wert hat, aber Sie sind inc Rementing zu 152. - Auch müssen Sie die. Png an die Bild-URL vor dem schließenden Tag anhängen – gavgrif

EDIT - Ich habe gerade Ihren IMG-Code in die Funktion eingefügt, so dass es die Bilder als die Zahl erhöht wird. – gavgrif

Javascript für Schleife Ausgabe

Antwort

Verwandte Themen