не вставляются значения в div
 

я новичок, поэтому прошу сильно камнями не кидаться.

var unit_res=[]; 
var res_population=[]; 
var max_population=[];

<?php
for ($i=0; $i<$count_res1; $i++)
{ 
  echo "unit_res[".$i."]= Array (".$res1[$i][0].",".$res1[$i][1].",".$res1[$i][2].",".$res1[$i][3].");"; 
  echo "res_population[0]=Math.floor(wood/".$res1[$i][0]."); ";
  echo "res_population[1]=Math.floor(clay/".$res1[$i][1]."); ";
  echo "res_population[2]=Math.floor(iron/".$res1[$i][2]."); ";
  echo "res_population[3]=Math.floor(crop/".$res1[$i][3]."); ";	
  echo " count_res_pop = res_population.length, min = res_population[0]; 
  while (count_res_pop--) 
  {  if (res_population[count_res_pop] < min)
   {
        min = res_population[count_res_pop];
           }
  }
      ";  
      
  echo "if (min<population) {max_population[".$i."]=min} else {max_population[".$i."]=population}";  
  echo "alert(max_population[".$i."]);";// потом убрать  
     /*ЧТО ТО ВОТ ТУТ НЕ ТАК*/
    echo "window.onload = function() 
    {     
 document.getElementById('max_unit'+".$i.").innerHTML = max_population[".$i."]; 
  };";
  /*Конец чего не так*/
   echo "window.addEventListener('DOMContentLoaded', function() {
   var form = document.querySelector('form');
    form.addEventListener('input', function(e){
        var el = e.target;                                                                      
        el.classList.contains('text'+".$i.") && el.classList[ (el.value>max_population[".$i."])?'add':'remove'] ('RedText'); });}); ";
 
}  
?>

<form name = "units" method="post" action="timers/units_t.php?town=<?php echo $town_id;?>"  onsubmit="return validate_form ( );">
<table>
<tr>
<td>Единица</td><td>Требуется</td><td>В деревне/Всего</td><td>Призыв</td><td></td>
</tr>
<tr>
<td>Юнит1</td><td>Тут будут ресы</td><td>В деревне/Всего</td><td> <input class="text0" size="3" id="unit1" name = 'unit1'></td><td><div id='max_unit0'></div></td>
</tr>
<tr>
<td>Юнит2</td><td>Тут будут ресы</td><td>В деревне/Всего</td><td> <input class="text1" size="3" id="unit2" name='unit2'></td><td><div id='max_unit1'></div></td>
</tr>
<tr>
<td>Юнит3</td><td>Тут будут ресы</td><td>В деревне/Всего</td><td> <input class="text2" size="3" id="unit3" name='unit3'></td><td><div id='max_unit2'></div></td>
</tr>
</table>
 <p><input type="submit"></p>
 </form>

Сейчас вставляется только последнее значение в <div id='max_unit2'>
А надо что бы вставляло в каждый див значение.

И если будут еще какие нить замечания по коду- пишите

dantist433, это какой-то суп-набор из ПХП, ХТМЛ и JS...

Ты осилишь сделать нормальный ХТМЛ и JS тестовый пример?

могу весь файл кинуть, может так понятнее будет?

Объявляя т.о. обработчики в цикле, ты меняешь их каждый раз, один на другой.
Т.ч. либо генери внутренности иначе... Или используй другой способ навешивания обработчиков... ;)

Это все из серии "Могу копать. Могу и не копать...". :D
Расширять нужно свои "умения". ;) Например учиться делать нормальные тестовые примеры.

На большее у меня пока опыта на хватает

Опыт тут ни при чем... :no:
Тут знания нужно наращивать. ;)
https://learn.javascript.ru/introduction-browser-events

Так и учусь, что то на форуме подсказывают, что то сам на основании примеров,

Т.е. книжки читать тебя не заставишь? :blink:

ну книжки это само собой, например
написали мне на форуме или в примере что то например
for (var i = 1; i < 10; i++) {alert (i);}
если я не знаю какие то операторы и что они выполняют- обращаюсь к книжкам