У меня есть php массив который создаёт html разметку с именами людей и кнопками.
<?php foreach ($people as $man): ?>
<div id="container">
<p><?= $man['FIO'] ?> </p>
<button id="redBtn">Красный</button>
В js я сделал так чтобы при нажатии на кнопку к диву id container добавлялся класс.
document.getElementById('redBtn').onclick = function() {
document.getElementById('container').classList.toggle('green')
}
И этот код работает только для 1 элемента массива, остальные кнопки которые создаются в массиве php просто ничего не делают. Как сделать так чтобы остальная созданная с помощью массива php вёрстка так же работала?