Javascriptを私は持っています

-1

問題がある：forループこれは、アドレスに数字を入れて152までカウントし、その上Javascriptを私は持っています

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

とを次のようにそれを完全なアドレスを置くべきです。私は何が欠けていますか？

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>

出典

2017-03-03 David Hollenbeck

あなたは、ルート文字列としてwebaddressを作成して、ループ内でそれを置き換えることができます

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);

出典

2017-03-03 04:34:38

1と非常によくやった –

あなたはあなたの頭の中ではJavaScript設定されている - しかし、参照されている要素（#Pokemanは）まだDOMではありません - 単に最後にjsのブロックを移動する - 前に閉鎖ボディータグ。 jqueryを使用しているので、私はjsを単純化して使いました。

EDIT - imgコードを関数に挿入して、画像を番号の増分としてレンダリングするようにしました。

<!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>

出典

2017-03-03 04:24:10 gavgrif

まあこれはこれで私は理由を見つける必要がある:)印刷その定義されていない –

webaddressは1つの値しか持たないが、また、閉じるタグの前の画像URLに.pngを追加する必要があります。 – gavgrif

EDIT - 画像に番号をつけるようにimgコードを関数に挿入しました。 – gavgrif

Javascriptを私は持っています

答えて

関連する問題