Заменить значения пролетных картину в зависимости от содержимого переменной

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); варастат (3); варастат (4); varastate (5) являются переменными, они будут получать только 0 или 1 значение.

Затем мне нужно, чтобы каждое содержимое диапазона было заменено на следующее: picture_0.png или picture_1.png в зависимости от значения varstate.

Петля не работает, не могли бы вы рассказать мне, почему?

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>