diff --git a/public/index.html b/public/index.html index 4051ebd..35603e1 100644 --- a/public/index.html +++ b/public/index.html @@ -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 = `
`; - 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 = ``; + warehouseDiv.appendChild(progressBar); }) .catch(err => { console.error("Ошибка загрузки данных:", err);