Update index.html

This commit is contained in:
Degradin 2025-01-18 03:48:53 +03:00
parent 5e906d8052
commit de9d6fcb24

View File

@ -185,7 +185,7 @@
// metall: DataTypes.INTEGER,
// gold: DataTypes.INTEGER,
// diamond: DataTypes.INTEGER,)
// выводим красиво, количество каждого ресурса (без прогрессбара) и добавляем в конце прогрессбар заполненности (warehouseCapacity это максимальная вместимость совокупности всех ресурсов)
// выводим красиво, количество каждого ресурса (без прогрессбара) и добавляем в конце прогрессбар заполненности с указанием процента (warehouseCapacity это максимальная вместимость совокупности всех ресурсов)
const warehouseDiv = document.getElementById("warehouse");
warehouseDiv.innerHTML = "";
const resources = ['wood', 'coal', 'oil', 'metall', 'gold', 'diamond'];
@ -195,12 +195,12 @@
warehouseDiv.appendChild(div);
});
// Добавляем прогрессбар заполненности склада
const warehouseProgress = (Object.values(warehouse).reduce((acc, val) => acc + val, 0) / warehouse.warehouseCapacity) * 100;
const warehouseProgressBar = document.createElement("div");
warehouseProgressBar.classList.add("progress-bar");
warehouseProgressBar.innerHTML = `<div class="progress-bar-inner" style="width: ${warehouseProgress}%"></div>`;
warehouseDiv.appendChild(warehouseProgressBar);
const warehouseCapacity = warehouse.wood + warehouse.coal + warehouse.oil + warehouse.metall + warehouse.gold + warehouse.diamond;
const progress = (warehouseCapacity / warehouse.capacity) * 100;
const progressBar = document.createElement("div");
progressBar.classList.add("progress-bar");
progressBar.innerHTML = `<div class="progress-bar-inner" style="width: ${progress}%"></div>`;
warehouseDiv.appendChild(progressBar);
})
.catch(err => {
console.error("Ошибка загрузки данных:", err);