私のWebページでは、変数内容

Question

に応じた画像でスパン値を交換し、私はいくつかのスパンを持ち、それらが関連する変数の値に応じて、画像に置き換えておく必要があり：

for(i = 1; i <= 5 ; i++) \t \t 
 
document.getElementById('state_'+i).innerHTML = '<img src="picture_' + "~varstate("+i+")~" + '.png"></img>';

<span id ="state_1">?</span> 
 
<span id ="state_2">?</span> 
 
<span id ="state_3">?</span> 
 
<span id ="state_4">?</span> 
 
<span id ="state_5">?</span>

varstate（1）; varstate（2）; varastate（3）; varastate（4）; varastate（5） は変数で、0または1の値しか得られません。

次に、各スパンの内容を、varstateの値に応じてpicture_0.pngまたはpicture_1.pngに置き換える必要があります。

ループが動作しません、なぜ教えてくれますか？

Answer 1

これは多分ですか？

<span id="state_1">?</span> 
<span id="state_2">?</span> 
<span id="state_3">?</span> 
<span id="state_4">?</span> 
<span id="state_5">?</span> 

<script> 
    for (let i = 1; i <= 5 ; i++) 
     document.getElementById('state_' + i).innerHTML = '<img src="picture_' + varstate(i) + '.png" />'; 
</script>