Тема: Не відображає div на сайті [django]
<div class="p-6 ">
<h2 class="text-2xl text-amber-300">{{item.name}}</h2>
<p class="text-gray-400">Donation: {{item.donation}}</p>
<div id="myProgress_{{ item.id }}" style="width: 100%; height: 30px; background-color: grey;">
<div id="myBar_{{ item.id }}" style="width: 1%; height: 30px; background-color: green;"></div>
</div>
</div>
<script>
var myProgress = document.getElementById("myProgress_{{ item.id }}");
var myBar = document.getElementById("myBar_{{ item.id }}");
console.log(myBar);
var progress = {{ item.progress }};
var donation = {{ item.donation }};
var width = Math.min(100, Math.round((progress * 100) / donation)) + "%";
console.log(width);
myBar.style.width = width;
myProgress.innerHTML = width;
</script>не відображає дів id="myBar_{{ item.id }}, в Console виводить його, а в Elements його не відображає.
Якщо закоментити скрипт відображає все добре, якщо виводити два діва по окрему все теж правильно працює, але як тільки виводити один в одному, то виводиться один. Всі значення передаються правильно(перевірено).
Здавалося така елементарна проблема, але не можу вирішити її дуже довго.
