Kalkulator temelja i armature<\/title>\r\n <style>\r\n\/* Osnovni stilovi *\/\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.container {\r\n max-width: 1080px; \/* Pove\u0107ano za 20% sa svake strane *\/\r\n margin: 0 auto;\r\n padding: 15px;\r\n}\r\n\r\n\/* Stilovi za tabove *\/\r\n.tabs {\r\n display: flex;\r\n margin-bottom: 5px; \/* Razmak izme\u0111u menija i forme smanjen na 5px *\/\r\n border-bottom: none;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.tab-btn {\r\n padding: 14px 20px;\r\n background-color: #f1f1f1;\r\n border: none;\r\n cursor: pointer;\r\n flex: 1;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n min-width: 120px;\r\n border: 1px solid #e0e0e0;\r\n border-bottom: none;\r\n margin-right: 2px;\r\n box-shadow: 0 -2px 5px rgba(0,0,0,0.05);\r\n font-size: 16px;\r\n letter-spacing: 0.5px;\r\n border-top-left-radius: 8px;\r\n border-top-right-radius: 8px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.tab-btn:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.tab-btn.active {\r\n background-color: #3498db;\r\n color: white;\r\n border-color: #2980b9;\r\n transform: translateY(-4px);\r\n box-shadow: 0 -3px 7px rgba(0,0,0,0.1);\r\n z-index: 2;\r\n}\r\n\r\n.tab-btn:hover:not(.active) {\r\n border-color: #bbb;\r\n}\r\n\r\n.tab-content {\r\n display: none;\r\n padding: 30px;\r\n background-color: #ffffff;\r\n border-radius: 8px;\r\n margin-bottom: 20px;\r\n border: 1px solid #e0e0e0;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n margin-top: -1px;\r\n position: relative;\r\n z-index: 0;\r\n}\r\n\r\n.tab-content.active {\r\n display: block;\r\n border-top-left-radius: 8px; \/* Ispravljen lijevi gornji ugao forme *\/\r\n}\r\n\r\n\/* Stilovi za forme *\/\r\n.form-group {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: bold;\r\n color: #333;\r\n font-size: 15px;\r\n}\r\n\r\n.form-group input, .form-group select {\r\n width: 100%;\r\n padding: 12px;\r\n border: 1px solid #ddd;\r\n border-radius: 6px;\r\n font-size: 16px;\r\n background-color: #f9f9f9;\r\n box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.form-group input:focus, .form-group select:focus {\r\n outline: none;\r\n border-color: #3498db;\r\n box-shadow: inset 0 1px 3px rgba(52, 152, 219, 0.2);\r\n}\r\n\r\n.calculate-btn {\r\n display: block;\r\n width: 100%;\r\n padding: 16px;\r\n background-color: #2ecc71;\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n margin: 30px 0;\r\n transition: all 0.3s;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.calculate-btn:hover {\r\n background-color: #27ae60;\r\n box-shadow: 0 3px 7px rgba(0,0,0,0.15);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* Stilovi za rezultate *\/\r\n.results {\r\n background-color: #f5f7fa;\r\n padding: 25px;\r\n border-radius: 8px;\r\n margin-top: 30px;\r\n border: 1px solid #e6e9ed;\r\n}\r\n\r\n.results h3 {\r\n margin-top: 0;\r\n color: #2c3e50;\r\n border-bottom: 1px solid #ddd;\r\n padding-bottom: 12px;\r\n margin-bottom: 20px;\r\n font-size: 20px;\r\n}\r\n\r\n.result-item {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 14px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #eee;\r\n align-items: baseline; \/* Klju\u010dna promjena za poravnanje *\/\r\n}\r\n\r\n.result-item span:first-child {\r\n font-weight: bold;\r\n color: #34495e;\r\n font-size: 15px;\r\n}\r\n\r\n\/* Poravnanje brojki desno *\/\r\n.result-value-container {\r\n display: flex;\r\n align-items: baseline; \/* Klju\u010dna promjena za poravnanje *\/\r\n justify-content: flex-end;\r\n}\r\n\r\n.result-value {\r\n text-align: right;\r\n margin-right: 5px;\r\n font-family: 'Courier New', monospace;\r\n font-weight: bold;\r\n color: #2980b9;\r\n font-size: 16px;\r\n}\r\n\r\n.result-unit {\r\n width: 45px;\r\n text-align: left;\r\n color: #7f8c8d;\r\n white-space: nowrap;\r\n}\r\n\r\n.result-section {\r\n margin-top: 22px;\r\n padding-top: 15px;\r\n border-top: 1px dashed #ccc;\r\n}\r\n\r\n.result-section-title {\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n color: #2c3e50;\r\n font-size: 16px;\r\n}\r\n\r\n.info-text {\r\n font-size: 14px;\r\n color: #7f8c8d;\r\n margin-top: 12px;\r\n font-style: italic;\r\n}\r\n\r\n.disclaimer {\r\n margin-top: 25px;\r\n padding: 15px;\r\n background-color: #f8f9fa;\r\n border-left: 4px solid #3498db;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n color: #666;\r\n border-radius: 4px;\r\n}\r\n\r\n.disclaimer h4 {\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n color: #2c3e50;\r\n font-size: 16px;\r\n}\r\n\r\n.disclaimer p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.disclaimer ul {\r\n padding-left: 20px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.disclaimer li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.toggle-advanced {\r\n display: block;\r\n text-align: center;\r\n margin: 10px 0;\r\n color: #3498db;\r\n cursor: pointer;\r\n font-size: 14px;\r\n text-decoration: underline;\r\n}\r\n\r\n\/* Responzivni dizajn za tabove *\/\r\n@media (max-width: 768px) {\r\n .container {\r\n padding: 10px;\r\n }\r\n \r\n .tabs {\r\n margin-bottom: 5px; \/* Razmak izme\u0111u menija i forme smanjen na 5px *\/\r\n }\r\n \r\n .tab-content {\r\n padding: 20px 15px;\r\n }\r\n \r\n .tabs {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n margin-bottom: 5px;\r\n }\r\n \r\n .tab-btn {\r\n flex: 1 0 calc(50% - 2px);\r\n margin-bottom: 4px;\r\n font-size: 14px;\r\n padding: 12px 10px;\r\n text-align: center;\r\n border-radius: 6px;\r\n }\r\n \r\n .tab-btn.active {\r\n transform: translateY(-2px);\r\n }\r\n \r\n .tab-content.active {\r\n border-radius: 8px;\r\n }\r\n \r\n .form-group {\r\n margin-bottom: 15px;\r\n }\r\n \r\n .form-group label {\r\n font-size: 14px;\r\n }\r\n \r\n .form-group input, .form-group select {\r\n padding: 10px;\r\n font-size: 15px;\r\n }\r\n \r\n .calculate-btn {\r\n padding: 14px;\r\n font-size: 16px;\r\n margin: 20px 0;\r\n }\r\n \r\n .results {\r\n padding: 15px;\r\n }\r\n \r\n .results h3 {\r\n font-size: 18px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n \/* Pobolj\u0161ani prikaz rezultata na mobilnim ure\u0111ajima *\/\r\n .mobile-results {\r\n margin-top: 15px;\r\n }\r\n \r\n .mobile-result-section {\r\n background-color: #fff;\r\n border-radius: 8px;\r\n padding: 15px;\r\n margin-bottom: 15px;\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n }\r\n \r\n .mobile-section-title {\r\n font-weight: bold;\r\n color: #2c3e50;\r\n font-size: 16px;\r\n margin-bottom: 12px;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n \r\n .mobile-result-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: baseline; \/* Klju\u010dna promjena za poravnanje *\/\r\n padding: 8px 0;\r\n border-bottom: 1px solid #f0f0f0;\r\n }\r\n \r\n .mobile-result-item:last-child {\r\n border-bottom: none;\r\n }\r\n \r\n .mobile-result-label {\r\n font-size: 14px;\r\n color: #34495e;\r\n font-weight: 500;\r\n }\r\n \r\n .mobile-result-value-container {\r\n display: flex;\r\n align-items: baseline; \/* Klju\u010dna promjena za poravnanje *\/\r\n justify-content: flex-end;\r\n min-width: 90px; \/* Fiksna minimalna \u0161irina za konzistentnost *\/\r\n }\r\n \r\n .mobile-result-value {\r\n font-family: 'Courier New', monospace;\r\n font-weight: bold;\r\n color: #2980b9;\r\n font-size: 15px;\r\n text-align: right;\r\n margin-right: 4px;\r\n min-width: 50px; \/* Fiksna minimalna \u0161irina za poravnanje *\/\r\n }\r\n \r\n .mobile-result-unit {\r\n color: #7f8c8d;\r\n font-size: 13px;\r\n white-space: nowrap;\r\n width: 36px; \/* Fiksna \u0161irina za poravnanje *\/\r\n text-align: left;\r\n }\r\n \r\n .disclaimer {\r\n padding: 12px;\r\n font-size: 13px;\r\n }\r\n \r\n .disclaimer h4 {\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n\/* Dodatna pobolj\u0161anja za vrlo male ekrane *\/\r\n@media (max-width: 480px) {\r\n .tab-btn {\r\n flex: 1 0 100%;\r\n margin-right: 0;\r\n }\r\n \r\n .tab-content {\r\n padding: 15px 12px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"tabs\">\r\n <button class=\"tab-btn active\" data-tab=\"rectangular\">Pravokutni temelj<\/button>\r\n <button class=\"tab-btn\" data-tab=\"circular\">Kru\u017eni temelj<\/button>\r\n <button class=\"tab-btn\" data-tab=\"strip\">Trakasti temelj<\/button>\r\n <button class=\"tab-btn\" data-tab=\"slab\">Betonska plo\u010da<\/button>\r\n <\/div>\r\n \r\n <div class=\"tab-content active\" id=\"rectangular-tab\">\r\n <h2>Pravokutni temelj<\/h2>\r\n <div class=\"form-group\">\r\n <label for=\"rect-width\">\u0160irina (m):<\/label>\r\n <input type=\"number\" id=\"rect-width\" step=\"0.01\" min=\"0.1\" placeholder=\"npr. 1.5\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"rect-length\">Duljina (m):<\/label>\r\n <input type=\"number\" id=\"rect-length\" step=\"0.01\" min=\"0.1\" placeholder=\"npr. 2.0\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"rect-height\">Visina (m):<\/label>\r\n <input type=\"number\" id=\"rect-height\" step=\"0.01\" min=\"0.1\" placeholder=\"npr. 0.5\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"rect-cover\">Za\u0161titni sloj (cm):<\/label>\r\n <input type=\"number\" id=\"rect-cover\" step=\"0.1\" min=\"1\" value=\"5\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"rect-bar-diameter\">Promjer \u0161ipke (mm):<\/label>\r\n <select id=\"rect-bar-diameter\">\r\n <option value=\"8\">8 mm<\/option>\r\n <option value=\"10\">10 mm<\/option>\r\n <option value=\"12\" selected>12 mm<\/option>\r\n <option value=\"14\">14 mm<\/option>\r\n <option value=\"16\">16 mm<\/option>\r\n <option value=\"20\">20 mm<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"rect-bar-spacing\">Razmak \u0161ipki (cm):<\/label>\r\n <input type=\"number\" id=\"rect-bar-spacing\" step=\"1\" min=\"5\" value=\"20\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"rect-overlap\">Dodatak za preklapanja i rezerve (%):<\/label>\r\n <input type=\"number\" id=\"rect-overlap\" step=\"1\" min=\"0\" max=\"50\" value=\"15\">\r\n <\/div>\r\n <button id=\"calculate-rect\" class=\"calculate-btn\">Izra\u010dunaj<\/button>\r\n \r\n <div class=\"results\" id=\"rect-results\">\r\n <h3>Rezultati<\/h3>\r\n \r\n \r\n <div class=\"desktop-results\">\r\n <div class=\"result-item\">\r\n <span>Volumen betona:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"rect-volume\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina betona:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"rect-weight\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-section\">\r\n <div class=\"result-section-title\">Osnovna armatura<\/div>\r\n <div class=\"result-item\">\r\n <span>Ukupna duljina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"rect-total-length-base\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"rect-steel-weight-base\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-section\">\r\n <div class=\"result-section-title\">Armatura s dodatkom za preklapanja i rezerve<\/div>\r\n <div class=\"result-item\">\r\n <span>Ukupna duljina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"rect-total-length\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"rect-steel-weight\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-item\">\r\n <span>Broj \u0161ipki (duljina):<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"rect-bars-length\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Broj \u0161ipki (\u0161irina):<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"rect-bars-width\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-results\" id=\"rect-mobile-results\" style=\"display: none;\">\r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Beton<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Volumen betona:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"rect-volume-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina betona:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"rect-weight-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Osnovna armatura<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Ukupna duljina:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"rect-total-length-base-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina armature:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"rect-steel-weight-base-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Armatura s dodatkom<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Ukupna duljina:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"rect-total-length-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina armature:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"rect-steel-weight-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Broj \u0161ipki<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">\u0160ipke (duljina):<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"rect-bars-length-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">\u0160ipke (\u0161irina):<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"rect-bars-width-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"disclaimer\">\r\n <h4>Va\u017ene napomene:<\/h4>\r\n <p>Dodatak za preklapanja i rezerve uklju\u010duje preklapanja \u0161ipki (40-50 promjera), sidrenje armature, tehnolo\u0161ki dodatak (5-10%) i neizbje\u017ene gubitke pri ugradnji (3-5%).<\/p>\r\n <p>Ovaj kalkulator daje informativne procjene. Za precizne koli\u010dine, pridr\u017eavajte se projektne dokumentacije, stati\u010dkog prora\u010duna i va\u017ee\u0107ih gra\u0111evinskih normi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tab-content\" id=\"circular-tab\">\r\n <h2>Kru\u017eni temelj<\/h2>\r\n <div class=\"form-group\">\r\n <label for=\"circ-diameter\">Promjer (m):<\/label>\r\n <input type=\"number\" id=\"circ-diameter\" step=\"0.01\" min=\"0.1\" placeholder=\"npr. 2.0\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"circ-height\">Visina (m):<\/label>\r\n <input type=\"number\" id=\"circ-height\" step=\"0.01\" min=\"0.1\" placeholder=\"npr. 0.5\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"circ-cover\">Za\u0161titni sloj (cm):<\/label>\r\n <input type=\"number\" id=\"circ-cover\" step=\"0.1\" min=\"1\" value=\"5\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"circ-bar-diameter\">Promjer \u0161ipke (mm):<\/label>\r\n <select id=\"circ-bar-diameter\">\r\n <option value=\"8\">8 mm<\/option>\r\n <option value=\"10\">10 mm<\/option>\r\n <option value=\"12\" selected>12 mm<\/option>\r\n <option value=\"14\">14 mm<\/option>\r\n <option value=\"16\">16 mm<\/option>\r\n <option value=\"20\">20 mm<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"circ-bar-spacing\">Razmak \u0161ipki (cm):<\/label>\r\n <input type=\"number\" id=\"circ-bar-spacing\" step=\"1\" min=\"5\" value=\"20\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"circ-overlap\">Dodatak za preklapanja i rezerve (%):<\/label>\r\n <input type=\"number\" id=\"circ-overlap\" step=\"1\" min=\"0\" max=\"50\" value=\"15\">\r\n <\/div>\r\n <button id=\"calculate-circ\" class=\"calculate-btn\">Izra\u010dunaj<\/button>\r\n \r\n <div class=\"results\" id=\"circ-results\">\r\n <h3>Rezultati<\/h3>\r\n \r\n \r\n <div class=\"desktop-results\">\r\n <div class=\"result-item\">\r\n <span>Volumen betona:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"circ-volume\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina betona:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"circ-weight\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-section\">\r\n <div class=\"result-section-title\">Osnovna armatura<\/div>\r\n <div class=\"result-item\">\r\n <span>Ukupna duljina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"circ-total-length-base\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"circ-steel-weight-base\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-section\">\r\n <div class=\"result-section-title\">Armatura s dodatkom za preklapanja i rezerve<\/div>\r\n <div class=\"result-item\">\r\n <span>Ukupna duljina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"circ-total-length\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"circ-steel-weight\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-item\">\r\n <span>Broj radijalnih \u0161ipki:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"circ-bars-radial\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Broj prstenastih \u0161ipki:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"circ-bars-circular\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-results\" id=\"circ-mobile-results\" style=\"display: none;\">\r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Beton<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Volumen betona:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"circ-volume-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina betona:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"circ-weight-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Osnovna armatura<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Ukupna duljina:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"circ-total-length-base-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina armature:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"circ-steel-weight-base-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Armatura s dodatkom<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Ukupna duljina:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"circ-total-length-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina armature:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"circ-steel-weight-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Broj \u0161ipki<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Radijalne \u0161ipke:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"circ-bars-radial-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Prstenaste \u0161ipke:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"circ-bars-circular-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"disclaimer\">\r\n <h4>Va\u017ene napomene:<\/h4>\r\n <p>Dodatak za preklapanja i rezerve uklju\u010duje preklapanja \u0161ipki (40-50 promjera), sidrenje armature, tehnolo\u0161ki dodatak (5-10%) i neizbje\u017ene gubitke pri ugradnji (3-5%).<\/p>\r\n <p>Ovaj kalkulator daje informativne procjene. Za precizne koli\u010dine, pridr\u017eavajte se projektne dokumentacije, stati\u010dkog prora\u010duna i va\u017ee\u0107ih gra\u0111evinskih normi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tab-content\" id=\"strip-tab\">\r\n <h2>Trakasti temelj<\/h2>\r\n <div class=\"form-group\">\r\n <label for=\"strip-width\">\u0160irina temelja (cm):<\/label>\r\n <input type=\"number\" id=\"strip-width\" step=\"1\" min=\"20\" value=\"40\" placeholder=\"npr. 40\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"strip-length\">Duljina temelja (m):<\/label>\r\n <input type=\"number\" id=\"strip-length\" step=\"0.1\" min=\"0.5\" placeholder=\"npr. 10.0\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"strip-height\">Visina temelja (cm):<\/label>\r\n <input type=\"number\" id=\"strip-height\" step=\"1\" min=\"20\" value=\"50\" placeholder=\"npr. 50\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"strip-cover\">Za\u0161titni sloj (cm):<\/label>\r\n <input type=\"number\" id=\"strip-cover\" step=\"0.1\" min=\"1\" value=\"5\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"strip-bar-diameter-long\">Promjer uzdu\u017enih \u0161ipki (mm):<\/label>\r\n <select id=\"strip-bar-diameter-long\">\r\n <option value=\"8\">8 mm<\/option>\r\n <option value=\"10\">10 mm<\/option>\r\n <option value=\"12\" selected>12 mm<\/option>\r\n <option value=\"14\">14 mm<\/option>\r\n <option value=\"16\">16 mm<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"strip-bar-count-long\">Broj uzdu\u017enih \u0161ipki:<\/label>\r\n <input type=\"number\" id=\"strip-bar-count-long\" step=\"1\" min=\"2\" value=\"4\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"strip-bar-diameter-trans\">Promjer popre\u010dnih \u0161ipki (mm):<\/label>\r\n <select id=\"strip-bar-diameter-trans\">\r\n <option value=\"8\" selected>8 mm<\/option>\r\n <option value=\"10\">10 mm<\/option>\r\n <option value=\"12\">12 mm<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"strip-bar-spacing-trans\">Razmak popre\u010dnih \u0161ipki (cm):<\/label>\r\n <input type=\"number\" id=\"strip-bar-spacing-trans\" step=\"1\" min=\"10\" value=\"25\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"strip-overlap\">Dodatak za preklapanja i rezerve (%):<\/label>\r\n <input type=\"number\" id=\"strip-overlap\" step=\"1\" min=\"0\" max=\"50\" value=\"15\">\r\n <\/div>\r\n <button id=\"calculate-strip\" class=\"calculate-btn\">Izra\u010dunaj<\/button>\r\n \r\n <div class=\"results\" id=\"strip-results\">\r\n <h3>Rezultati<\/h3>\r\n \r\n \r\n <div class=\"desktop-results\">\r\n <div class=\"result-item\">\r\n <span>Volumen betona:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"strip-volume\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina betona:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"strip-weight\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-section\">\r\n <div class=\"result-section-title\">Osnovna armatura<\/div>\r\n <div class=\"result-item\">\r\n <span>Ukupna duljina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"strip-total-length-base\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"strip-steel-weight-base\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-section\">\r\n <div class=\"result-section-title\">Armatura s dodatkom za preklapanja i rezerve<\/div>\r\n <div class=\"result-item\">\r\n <span>Ukupna duljina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"strip-total-length\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"strip-steel-weight\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-item\">\r\n <span>Broj popre\u010dnih \u0161ipki:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"strip-bars-trans\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Koli\u010dina armature po m':<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"strip-steel-per-m\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg\/m<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-results\" id=\"strip-mobile-results\" style=\"display: none;\">\r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Beton<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Volumen betona:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"strip-volume-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina betona:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"strip-weight-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Osnovna armatura<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Ukupna duljina:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"strip-total-length-base-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina armature:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"strip-steel-weight-base-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Armatura s dodatkom<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Ukupna duljina:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"strip-total-length-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina armature:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"strip-steel-weight-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Dodatne informacije<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Broj popre\u010dnih \u0161ipki:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"strip-bars-trans-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Armatura po m':<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"strip-steel-per-m-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg\/m<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"disclaimer\">\r\n <h4>Va\u017ene napomene:<\/h4>\r\n <p>Dodatak za preklapanja i rezerve uklju\u010duje preklapanja \u0161ipki (40-50 promjera), sidrenje armature, tehnolo\u0161ki dodatak (5-10%) i neizbje\u017ene gubitke pri ugradnji (3-5%).<\/p>\r\n <p>Ovaj kalkulator daje informativne procjene. Za precizne koli\u010dine, pridr\u017eavajte se projektne dokumentacije, stati\u010dkog prora\u010duna i va\u017ee\u0107ih gra\u0111evinskih normi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tab-content\" id=\"slab-tab\">\r\n <h2>Betonska plo\u010da<\/h2>\r\n <div class=\"form-group\">\r\n <label for=\"slab-width\">\u0160irina (m):<\/label>\r\n <input type=\"number\" id=\"slab-width\" step=\"0.01\" min=\"0.1\" placeholder=\"npr. 5.0\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"slab-length\">Duljina (m):<\/label>\r\n <input type=\"number\" id=\"slab-length\" step=\"0.01\" min=\"0.1\" placeholder=\"npr. 6.0\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"slab-thickness\">Debljina (cm):<\/label>\r\n <input type=\"number\" id=\"slab-thickness\" step=\"0.5\" min=\"5\" value=\"15\" placeholder=\"npr. 15\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"slab-cover\">Za\u0161titni sloj (cm):<\/label>\r\n <input type=\"number\" id=\"slab-cover\" step=\"0.1\" min=\"1\" value=\"2.5\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"slab-bar-diameter\">Promjer \u0161ipke (mm):<\/label>\r\n <select id=\"slab-bar-diameter\">\r\n <option value=\"6\">6 mm<\/option>\r\n <option value=\"8\" selected>8 mm<\/option>\r\n <option value=\"10\">10 mm<\/option>\r\n <option value=\"12\">12 mm<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"slab-bar-spacing\">Razmak \u0161ipki (cm):<\/label>\r\n <input type=\"number\" id=\"slab-bar-spacing\" step=\"1\" min=\"5\" value=\"15\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"slab-layers\">Broj slojeva armature:<\/label>\r\n <select id=\"slab-layers\">\r\n <option value=\"1\">Jednostruka (donja) armatura<\/option>\r\n <option value=\"2\" selected>Dvostruka (gornja i donja) armatura<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"slab-overlap\">Dodatak za preklapanja i rezerve (%):<\/label>\r\n <input type=\"number\" id=\"slab-overlap\" step=\"1\" min=\"0\" max=\"50\" value=\"15\">\r\n <\/div>\r\n <button id=\"calculate-slab\" class=\"calculate-btn\">Izra\u010dunaj<\/button>\r\n \r\n <div class=\"results\" id=\"slab-results\">\r\n <h3>Rezultati<\/h3>\r\n \r\n \r\n <div class=\"desktop-results\">\r\n <div class=\"result-item\">\r\n <span>Volumen betona:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-volume\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina betona:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-weight\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Povr\u0161ina plo\u010de:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-area\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-section\">\r\n <div class=\"result-section-title\">Osnovna armatura<\/div>\r\n <div class=\"result-item\">\r\n <span>Ukupna duljina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-total-length-base\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-steel-weight-base\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-section\">\r\n <div class=\"result-section-title\">Armatura s dodatkom za preklapanja i rezerve<\/div>\r\n <div class=\"result-item\">\r\n <span>Ukupna duljina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-total-length\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Te\u017eina armature:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-steel-weight\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"result-item\">\r\n <span>Broj \u0161ipki u smjeru duljine:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-bars-length\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Broj \u0161ipki u smjeru \u0161irine:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-bars-width\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span>Koli\u010dina armature po m\u00b2:<\/span>\r\n <div class=\"result-value-container\">\r\n <span id=\"slab-steel-per-m2\" class=\"result-value\">-<\/span>\r\n <span class=\"result-unit\">kg\/m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-results\" id=\"slab-mobile-results\" style=\"display: none;\">\r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Beton<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Volumen betona:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-volume-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina betona:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-weight-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Povr\u0161ina plo\u010de:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-area-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Osnovna armatura<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Ukupna duljina:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-total-length-base-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina armature:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-steel-weight-base-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Armatura s dodatkom<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Ukupna duljina:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-total-length-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">m<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Te\u017eina armature:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-steel-weight-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mobile-result-section\">\r\n <div class=\"mobile-section-title\">Dodatne informacije<\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">\u0160ipke u smjeru duljine:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-bars-length-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">\u0160ipke u smjeru \u0161irine:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-bars-width-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kom<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-result-item\">\r\n <span class=\"mobile-result-label\">Armatura po m\u00b2:<\/span>\r\n <div class=\"mobile-result-value-container\">\r\n <span id=\"slab-steel-per-m2-mobile\" class=\"mobile-result-value\">-<\/span>\r\n <span class=\"mobile-result-unit\">kg\/m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"disclaimer\">\r\n <h4>Va\u017ene napomene:<\/h4>\r\n <p>Dodatak za preklapanja i rezerve uklju\u010duje preklapanja \u0161ipki (40-50 promjera), sidrenje armature, tehnolo\u0161ki dodatak (5-10%) i neizbje\u017ene gubitke pri ugradnji (3-5%).<\/p>\r\n <p>Kod betonskih plo\u010da, armatura se obi\u010dno postavlja u dva smjera (ortogonalno), a ovisno o stati\u010dkom prora\u010dunu mo\u017ee biti jednostruka ili dvostruka.<\/p>\r\n <p>Ovaj kalkulator daje informativne procjene. Za precizne koli\u010dine, pridr\u017eavajte se projektne dokumentacije, stati\u010dkog prora\u010duna i va\u017ee\u0107ih gra\u0111evinskih normi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Konstante\r\n const CONCRETE_DENSITY = 2400; \/\/ kg\/m\u00b3\r\n const PI = Math.PI;\r\n \r\n \/\/ Standardne te\u017eine armature po metru za razli\u010dite promjere\r\n const STEEL_WEIGHTS = {\r\n 6: 0.222, \/\/ kg\/m\r\n 8: 0.395, \/\/ kg\/m\r\n 10: 0.617, \/\/ kg\/m\r\n 12: 0.888, \/\/ kg\/m\r\n 14: 1.208, \/\/ kg\/m\r\n 16: 1.578, \/\/ kg\/m\r\n 20: 2.466, \/\/ kg\/m\r\n 25: 3.853, \/\/ kg\/m\r\n 28: 4.834, \/\/ kg\/m\r\n 32: 6.313 \/\/ kg\/m\r\n };\r\n\r\n \/\/ Provjera je li mobilni ure\u0111aj\r\n const isMobile = window.innerWidth <= 768;\r\n \r\n \/\/ Ako je mobilni ure\u0111aj, prika\u017ei mobilni prikaz rezultata\r\n if (isMobile) {\r\n document.querySelectorAll('.desktop-results').forEach(el => {\r\n el.style.display = 'none';\r\n });\r\n document.querySelectorAll('.mobile-results').forEach(el => {\r\n el.style.display = 'block';\r\n });\r\n }\r\n\r\n \/\/ Dohva\u0107anje elemenata\r\n const tabBtns = document.querySelectorAll('.tab-btn');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n \r\n \/\/ Pravokutni temelj - elementi\r\n const rectWidth = document.getElementById('rect-width');\r\n const rectLength = document.getElementById('rect-length');\r\n const rectHeight = document.getElementById('rect-height');\r\n const rectCover = document.getElementById('rect-cover');\r\n const rectBarDiameter = document.getElementById('rect-bar-diameter');\r\n const rectBarSpacing = document.getElementById('rect-bar-spacing');\r\n const rectOverlap = document.getElementById('rect-overlap');\r\n const calculateRectBtn = document.getElementById('calculate-rect');\r\n \r\n \/\/ Kru\u017eni temelj - elementi\r\n const circDiameter = document.getElementById('circ-diameter');\r\n const circHeight = document.getElementById('circ-height');\r\n const circCover = document.getElementById('circ-cover');\r\n const circBarDiameter = document.getElementById('circ-bar-diameter');\r\n const circBarSpacing = document.getElementById('circ-bar-spacing');\r\n const circOverlap = document.getElementById('circ-overlap');\r\n const calculateCircBtn = document.getElementById('calculate-circ');\r\n \r\n \/\/ Trakasti temelj - elementi\r\n const stripWidth = document.getElementById('strip-width');\r\n const stripLength = document.getElementById('strip-length');\r\n const stripHeight = document.getElementById('strip-height');\r\n const stripCover = document.getElementById('strip-cover');\r\n const stripBarDiameterLong = document.getElementById('strip-bar-diameter-long');\r\n const stripBarCountLong = document.getElementById('strip-bar-count-long');\r\n const stripBarDiameterTrans = document.getElementById('strip-bar-diameter-trans');\r\n const stripBarSpacingTrans = document.getElementById('strip-bar-spacing-trans');\r\n const stripOverlap = document.getElementById('strip-overlap');\r\n const calculateStripBtn = document.getElementById('calculate-strip');\r\n \r\n \/\/ Betonska plo\u010da - elementi\r\n const slabWidth = document.getElementById('slab-width');\r\n const slabLength = document.getElementById('slab-length');\r\n const slabThickness = document.getElementById('slab-thickness');\r\n const slabCover = document.getElementById('slab-cover');\r\n const slabBarDiameter = document.getElementById('slab-bar-diameter');\r\n const slabBarSpacing = document.getElementById('slab-bar-spacing');\r\n const slabLayers = document.getElementById('slab-layers');\r\n const slabOverlap = document.getElementById('slab-overlap');\r\n const calculateSlabBtn = document.getElementById('calculate-slab');\r\n \r\n \/\/ Funkcionalnost tabova\r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ Uklanjanje aktivne klase sa svih tabova\r\n tabBtns.forEach(b => b.classList.remove('active'));\r\n tabContents.forEach(c => c.classList.remove('active'));\r\n \r\n \/\/ Dodavanje aktivne klase na kliknuti tab\r\n btn.classList.add('active');\r\n const tabId = btn.getAttribute('data-tab');\r\n document.getElementById(`${tabId}-tab`).classList.add('active');\r\n });\r\n });\r\n \r\n \/\/ Izra\u010dun za pravokutni temelj\r\n calculateRectBtn.addEventListener('click', () => {\r\n \/\/ Validacija unosa\r\n if (!validateInputs([rectWidth, rectLength, rectHeight, rectCover, rectBarSpacing, rectOverlap])) {\r\n alert('Molimo unesite sve potrebne podatke!');\r\n return;\r\n }\r\n \r\n \/\/ Dohva\u0107anje vrijednosti\r\n const width = parseFloat(rectWidth.value);\r\n const length = parseFloat(rectLength.value);\r\n const height = parseFloat(rectHeight.value);\r\n const cover = parseFloat(rectCover.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const barDiameter = parseInt(rectBarDiameter.value); \/\/ mm\r\n const barSpacing = parseFloat(rectBarSpacing.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const overlapPercent = parseFloat(rectOverlap.value);\r\n const overlapFactor = 1 + (overlapPercent \/ 100);\r\n \r\n \/\/ Izra\u010dun volumena betona\r\n const volume = width * length * height;\r\n const concreteWeight = volume * CONCRETE_DENSITY;\r\n \r\n \/\/ Izra\u010dun armature\r\n \/\/ Broj \u0161ipki u smjeru duljine\r\n const barsWidth = Math.floor((width - 2 * cover) \/ barSpacing) + 1;\r\n \/\/ Broj \u0161ipki u smjeru \u0161irine\r\n const barsLength = Math.floor((length - 2 * cover) \/ barSpacing) + 1;\r\n \r\n \/\/ Duljina \u0161ipki u smjeru duljine\r\n const barLengthInWidthDir = length - 2 * cover;\r\n \/\/ Duljina \u0161ipki u smjeru \u0161irine\r\n const barLengthInLengthDir = width - 2 * cover;\r\n \r\n \/\/ Ukupna duljina armature (osnovna)\r\n const baseSteelLength = (barsWidth * barLengthInWidthDir) + (barsLength * barLengthInLengthDir);\r\n \r\n \/\/ Ukupna duljina armature s dodatkom za preklapanja i rezerve\r\n const totalSteelLength = baseSteelLength * overlapFactor;\r\n \r\n \/\/ Te\u017eina armature - osnovna\r\n const baseSteelWeight = STEEL_WEIGHTS[barDiameter] * baseSteelLength;\r\n \r\n \/\/ Te\u017eina armature - s dodatkom za preklapanja i rezerve\r\n const totalSteelWeight = STEEL_WEIGHTS[barDiameter] * totalSteelLength;\r\n \r\n \/\/ Prikaz rezultata - desktop\r\n document.getElementById('rect-volume').textContent = volume.toFixed(2);\r\n document.getElementById('rect-weight').textContent = concreteWeight.toFixed(0);\r\n document.getElementById('rect-total-length-base').textContent = baseSteelLength.toFixed(2);\r\n document.getElementById('rect-steel-weight-base').textContent = baseSteelWeight.toFixed(2);\r\n document.getElementById('rect-total-length').textContent = totalSteelLength.toFixed(2);\r\n document.getElementById('rect-steel-weight').textContent = totalSteelWeight.toFixed(2);\r\n document.getElementById('rect-bars-length').textContent = barsLength;\r\n document.getElementById('rect-bars-width').textContent = barsWidth;\r\n \r\n \/\/ Prikaz rezultata - mobilni\r\n if (isMobile) {\r\n document.getElementById('rect-volume-mobile').textContent = volume.toFixed(2);\r\n document.getElementById('rect-weight-mobile').textContent = concreteWeight.toFixed(0);\r\n document.getElementById('rect-total-length-base-mobile').textContent = baseSteelLength.toFixed(2);\r\n document.getElementById('rect-steel-weight-base-mobile').textContent = baseSteelWeight.toFixed(2);\r\n document.getElementById('rect-total-length-mobile').textContent = totalSteelLength.toFixed(2);\r\n document.getElementById('rect-steel-weight-mobile').textContent = totalSteelWeight.toFixed(2);\r\n document.getElementById('rect-bars-length-mobile').textContent = barsLength;\r\n document.getElementById('rect-bars-width-mobile').textContent = barsWidth;\r\n }\r\n });\r\n \r\n \/\/ Izra\u010dun za kru\u017eni temelj\r\n calculateCircBtn.addEventListener('click', () => {\r\n \/\/ Validacija unosa\r\n if (!validateInputs([circDiameter, circHeight, circCover, circBarSpacing, circOverlap])) {\r\n alert('Molimo unesite sve potrebne podatke!');\r\n return;\r\n }\r\n \r\n \/\/ Dohva\u0107anje vrijednosti\r\n const diameter = parseFloat(circDiameter.value);\r\n const radius = diameter \/ 2;\r\n const height = parseFloat(circHeight.value);\r\n const cover = parseFloat(circCover.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const barDiameter = parseInt(circBarDiameter.value); \/\/ mm\r\n const barSpacing = parseFloat(circBarSpacing.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const overlapPercent = parseFloat(circOverlap.value);\r\n const overlapFactor = 1 + (overlapPercent \/ 100);\r\n \r\n \/\/ Izra\u010dun volumena betona\r\n const volume = PI * Math.pow(radius, 2) * height;\r\n const concreteWeight = volume * CONCRETE_DENSITY;\r\n \r\n \/\/ Izra\u010dun armature\r\n \/\/ Efektivni radius (umanjen za za\u0161titni sloj)\r\n const effectiveRadius = radius - cover;\r\n \r\n \/\/ Broj radijalnih \u0161ipki (po obodu)\r\n const circumference = 2 * PI * effectiveRadius;\r\n const barsRadial = Math.ceil(circumference \/ barSpacing);\r\n \r\n \/\/ Broj prstenastih \u0161ipki (po promjeru)\r\n const barsCircular = Math.floor(effectiveRadius \/ barSpacing) + 1;\r\n \r\n \/\/ Duljina radijalnih \u0161ipki\r\n const radialBarLength = 2 * effectiveRadius * barsRadial;\r\n \r\n \/\/ Duljina prstenastih \u0161ipki\r\n let circularBarLength = 0;\r\n for (let i = 1; i <= barsCircular; i++) {\r\n const ringRadius = i * barSpacing;\r\n if (ringRadius <= effectiveRadius) {\r\n circularBarLength += 2 * PI * ringRadius;\r\n }\r\n }\r\n \r\n \/\/ Ukupna duljina armature (osnovna)\r\n const baseSteelLength = radialBarLength + circularBarLength;\r\n \r\n \/\/ Ukupna duljina armature s dodatkom za preklapanja i rezerve\r\n const totalSteelLength = baseSteelLength * overlapFactor;\r\n \r\n \/\/ Te\u017eina armature - osnovna\r\n const baseSteelWeight = STEEL_WEIGHTS[barDiameter] * baseSteelLength;\r\n \r\n \/\/ Te\u017eina armature - s dodatkom za preklapanja i rezerve\r\n const totalSteelWeight = STEEL_WEIGHTS[barDiameter] * totalSteelLength;\r\n \r\n \/\/ Prikaz rezultata - desktop\r\n document.getElementById('circ-volume').textContent = volume.toFixed(2);\r\n document.getElementById('circ-weight').textContent = concreteWeight.toFixed(0);\r\n document.getElementById('circ-total-length-base').textContent = baseSteelLength.toFixed(2);\r\n document.getElementById('circ-steel-weight-base').textContent = baseSteelWeight.toFixed(2);\r\n document.getElementById('circ-total-length').textContent = totalSteelLength.toFixed(2);\r\n document.getElementById('circ-steel-weight').textContent = totalSteelWeight.toFixed(2);\r\n document.getElementById('circ-bars-radial').textContent = barsRadial;\r\n document.getElementById('circ-bars-circular').textContent = barsCircular;\r\n \r\n \/\/ Prikaz rezultata - mobilni\r\n if (isMobile) {\r\n document.getElementById('circ-volume-mobile').textContent = volume.toFixed(2);\r\n document.getElementById('circ-weight-mobile').textContent = concreteWeight.toFixed(0);\r\n document.getElementById('circ-total-length-base-mobile').textContent = baseSteelLength.toFixed(2);\r\n document.getElementById('circ-steel-weight-base-mobile').textContent = baseSteelWeight.toFixed(2);\r\n document.getElementById('circ-total-length-mobile').textContent = totalSteelLength.toFixed(2);\r\n document.getElementById('circ-steel-weight-mobile').textContent = totalSteelWeight.toFixed(2);\r\n document.getElementById('circ-bars-radial-mobile').textContent = barsRadial;\r\n document.getElementById('circ-bars-circular-mobile').textContent = barsCircular;\r\n }\r\n });\r\n \r\n \/\/ Izra\u010dun za trakasti temelj\r\n calculateStripBtn.addEventListener('click', () => {\r\n \/\/ Validacija unosa\r\n if (!validateInputs([stripWidth, stripLength, stripHeight, stripCover, stripBarCountLong, stripBarSpacingTrans, stripOverlap])) {\r\n alert('Molimo unesite sve potrebne podatke!');\r\n return;\r\n }\r\n \r\n \/\/ Dohva\u0107anje vrijednosti\r\n const width = parseFloat(stripWidth.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const length = parseFloat(stripLength.value);\r\n const height = parseFloat(stripHeight.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const cover = parseFloat(stripCover.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const barDiameterLong = parseInt(stripBarDiameterLong.value); \/\/ mm\r\n const barCountLong = parseInt(stripBarCountLong.value);\r\n const barDiameterTrans = parseInt(stripBarDiameterTrans.value); \/\/ mm\r\n const barSpacingTrans = parseFloat(stripBarSpacingTrans.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const overlapPercent = parseFloat(stripOverlap.value);\r\n const overlapFactor = 1 + (overlapPercent \/ 100);\r\n \r\n \/\/ Izra\u010dun volumena betona\r\n const volume = width * length * height;\r\n const concreteWeight = volume * CONCRETE_DENSITY;\r\n \r\n \/\/ Izra\u010dun armature\r\n \/\/ Broj popre\u010dnih \u0161ipki\r\n const barsTrans = Math.ceil(length \/ barSpacingTrans) + 1;\r\n \r\n \/\/ Duljina uzdu\u017enih \u0161ipki\r\n const longBarLength = length * barCountLong;\r\n \r\n \/\/ Duljina popre\u010dnih \u0161ipki\r\n const transBarLength = width * barsTrans;\r\n \r\n \/\/ Ukupna duljina armature (osnovna)\r\n const baseSteelLength = longBarLength + transBarLength;\r\n \r\n \/\/ Ukupna duljina armature s dodatkom za preklapanja i rezerve\r\n const totalSteelLength = baseSteelLength * overlapFactor;\r\n \r\n \/\/ Te\u017eina armature - osnovna\r\n const baseSteelWeightLong = STEEL_WEIGHTS[barDiameterLong] * longBarLength;\r\n const baseSteelWeightTrans = STEEL_WEIGHTS[barDiameterTrans] * transBarLength;\r\n const baseSteelWeight = baseSteelWeightLong + baseSteelWeightTrans;\r\n \r\n \/\/ Te\u017eina armature - s dodatkom za preklapanja i rezerve\r\n const totalSteelWeightLong = baseSteelWeightLong * overlapFactor;\r\n const totalSteelWeightTrans = baseSteelWeightTrans * overlapFactor;\r\n const totalSteelWeight = totalSteelWeightLong + totalSteelWeightTrans;\r\n \r\n \/\/ Te\u017eina armature po metru duljine\r\n const steelPerM = totalSteelWeight \/ length;\r\n \r\n \/\/ Prikaz rezultata - desktop\r\n document.getElementById('strip-volume').textContent = volume.toFixed(2);\r\n document.getElementById('strip-weight').textContent = concreteWeight.toFixed(0);\r\n document.getElementById('strip-total-length-base').textContent = baseSteelLength.toFixed(2);\r\n document.getElementById('strip-steel-weight-base').textContent = baseSteelWeight.toFixed(2);\r\n document.getElementById('strip-total-length').textContent = totalSteelLength.toFixed(2);\r\n document.getElementById('strip-steel-weight').textContent = totalSteelWeight.toFixed(2);\r\n document.getElementById('strip-bars-trans').textContent = barsTrans;\r\n document.getElementById('strip-steel-per-m').textContent = steelPerM.toFixed(2);\r\n \r\n \/\/ Prikaz rezultata - mobilni\r\n if (isMobile) {\r\n document.getElementById('strip-volume-mobile').textContent = volume.toFixed(2);\r\n document.getElementById('strip-weight-mobile').textContent = concreteWeight.toFixed(0);\r\n document.getElementById('strip-total-length-base-mobile').textContent = baseSteelLength.toFixed(2);\r\n document.getElementById('strip-steel-weight-base-mobile').textContent = baseSteelWeight.toFixed(2);\r\n document.getElementById('strip-total-length-mobile').textContent = totalSteelLength.toFixed(2);\r\n document.getElementById('strip-steel-weight-mobile').textContent = totalSteelWeight.toFixed(2);\r\n document.getElementById('strip-bars-trans-mobile').textContent = barsTrans;\r\n document.getElementById('strip-steel-per-m-mobile').textContent = steelPerM.toFixed(2);\r\n }\r\n });\r\n \r\n \/\/ Izra\u010dun za betonsku plo\u010du\r\n calculateSlabBtn.addEventListener('click', () => {\r\n \/\/ Validacija unosa\r\n if (!validateInputs([slabWidth, slabLength, slabThickness, slabCover, slabBarSpacing, slabOverlap])) {\r\n alert('Molimo unesite sve potrebne podatke!');\r\n return;\r\n }\r\n \r\n \/\/ Dohva\u0107anje vrijednosti\r\n const width = parseFloat(slabWidth.value);\r\n const length = parseFloat(slabLength.value);\r\n const thickness = parseFloat(slabThickness.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const cover = parseFloat(slabCover.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const barDiameter = parseInt(slabBarDiameter.value); \/\/ mm\r\n const barSpacing = parseFloat(slabBarSpacing.value) \/ 100; \/\/ pretvaranje iz cm u m\r\n const layers = parseInt(slabLayers.value); \/\/ 1 ili 2 sloja armature\r\n const overlapPercent = parseFloat(slabOverlap.value);\r\n const overlapFactor = 1 + (overlapPercent \/ 100);\r\n \r\n \/\/ Izra\u010dun volumena betona\r\n const area = width * length;\r\n const volume = area * thickness;\r\n const concreteWeight = volume * CONCRETE_DENSITY;\r\n \r\n \/\/ Izra\u010dun armature\r\n \/\/ Broj \u0161ipki u smjeru duljine\r\n const barsWidth = Math.floor(width \/ barSpacing) + 1;\r\n \/\/ Broj \u0161ipki u smjeru \u0161irine\r\n const barsLength = Math.floor(length \/ barSpacing) + 1;\r\n \r\n \/\/ Duljina \u0161ipki u smjeru duljine (za jedan sloj)\r\n const barLengthInWidthDir = length * barsWidth;\r\n \/\/ Duljina \u0161ipki u smjeru \u0161irine (za jedan sloj)\r\n const barLengthInLengthDir = width * barsLength;\r\n \r\n \/\/ Ukupna duljina armature (osnovna) - ovisno o broju slojeva\r\n let baseSteelLength = barLengthInWidthDir + barLengthInLengthDir;\r\n if (layers === 2) {\r\n baseSteelLength *= 2; \/\/ dvostruka armatura (gornja i donja)\r\n }\r\n \r\n \/\/ Ukupna duljina armature s dodatkom za preklapanja i rezerve\r\n const totalSteelLength = baseSteelLength * overlapFactor;\r\n \r\n \/\/ Te\u017eina armature - osnovna\r\n const baseSteelWeight = STEEL_WEIGHTS[barDiameter] * baseSteelLength;\r\n \r\n \/\/ Te\u017eina armature - s dodatkom za preklapanja i rezerve\r\n const totalSteelWeight = STEEL_WEIGHTS[barDiameter] * totalSteelLength;\r\n \r\n \/\/ Te\u017eina armature po m\u00b2\r\n const steelPerM2 = totalSteelWeight \/ area;\r\n \r\n \/\/ Prikaz rezultata - desktop\r\n document.getElementById('slab-volume').textContent = volume.toFixed(2);\r\n document.getElementById('slab-weight').textContent = concreteWeight.toFixed(0);\r\n document.getElementById('slab-area').textContent = area.toFixed(2);\r\n document.getElementById('slab-total-length-base').textContent = baseSteelLength.toFixed(2);\r\n document.getElementById('slab-steel-weight-base').textContent = baseSteelWeight.toFixed(2);\r\n document.getElementById('slab-total-length').textContent = totalSteelLength.toFixed(2);\r\n document.getElementById('slab-steel-weight').textContent = totalSteelWeight.toFixed(2);\r\n document.getElementById('slab-bars-length').textContent = barsLength;\r\n document.getElementById('slab-bars-width').textContent = barsWidth;\r\n document.getElementById('slab-steel-per-m2').textContent = steelPerM2.toFixed(2);\r\n \r\n \/\/ Prikaz rezultata - mobilni\r\n if (isMobile) {\r\n document.getElementById('slab-volume-mobile').textContent = volume.toFixed(2);\r\n document.getElementById('slab-weight-mobile').textContent = concreteWeight.toFixed(0);\r\n document.getElementById('slab-area-mobile').textContent = area.toFixed(2);\r\n document.getElementById('slab-total-length-base-mobile').textContent = baseSteelLength.toFixed(2);\r\n document.getElementById('slab-steel-weight-base-mobile').textContent = baseSteelWeight.toFixed(2);\r\n document.getElementById('slab-total-length-mobile').textContent = totalSteelLength.toFixed(2);\r\n document.getElementById('slab-steel-weight-mobile').textContent = totalSteelWeight.toFixed(2);\r\n document.getElementById('slab-bars-length-mobile').textContent = barsLength;\r\n document.getElementById('slab-bars-width-mobile').textContent = barsWidth;\r\n document.getElementById('slab-steel-per-m2-mobile').textContent = steelPerM2.toFixed(2);\r\n }\r\n });\r\n \r\n \/\/ Funkcija za validaciju unosa\r\n function validateInputs(inputs) {\r\n for (const input of inputs) {\r\n if (!input.value || isNaN(parseFloat(input.value)) || parseFloat(input.value) < 0) {\r\n input.focus();\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n \r\n \/\/ Prilagodba prikaza pri promjeni veli\u010dine prozora\r\n window.addEventListener('resize', function() {\r\n const newIsMobile = window.innerWidth <= 768;\r\n if (newIsMobile !== isMobile) {\r\n location.reload(); \/\/ Ponovno u\u010ditavanje stranice za promjenu prikaza\r\n }\r\n });\r\n});\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d0df958 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d0df958\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-61ebe37\" data-id=\"61ebe37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-06ab436 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"06ab436\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/bartolec.info\/?page_id=16\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kontakt<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1169504 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"1169504\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-129f223\" data-id=\"129f223\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6674f2c elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"6674f2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/bartolec.info\/?page_id=16\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Adresa:\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-location-arrow\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h6 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/bartolec.info\/?page_id=16\" >\n\t\t\t\t\t\t\tAdresa:\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h6>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tPjeskarenje Bartolec<br>vl. Zdravko Bartolec<br>Mo\u017e\u0111enec 171<br>42220 Novi Marof<br>OIB: 37647260582\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-55314e4\" data-id=\"55314e4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-620e26a elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"620e26a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/bartolec.info\/?page_id=16\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Email:\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-mail-bulk\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h6 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/bartolec.info\/?page_id=16\" >\n\t\t\t\t\t\t\tEmail:\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h6>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tbartolec.info@gmail.com\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-8e93097\" data-id=\"8e93097\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f94a6e2 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"f94a6e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/bartolec.info\/?page_id=16\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Telefon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-phone-alt\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h6 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/bartolec.info\/?page_id=16\" >\n\t\t\t\t\t\t\tTelefon\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h6>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t091 553 8965\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kalkulatorbetona i armature Kalkulator temelja i armature Pravokutni temelj Kru\u017eni temelj Trakasti temelj Betonska plo\u010da Pravokutni temelj \u0160irina (m): Duljina (m): Visina (m): Za\u0161titni sloj (cm): Promjer \u0161ipke (mm): 8 mm10 mm12 mm14 mm16 mm20 mm Razmak \u0161ipki (cm): Dodatak za preklapanja i rezerve (%): Izra\u010dunaj Rezultati Volumen betona: – m\u00b3 Te\u017eina betona: – kg […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"iawp_total_views":4365,"footnotes":""},"class_list":["post-4655","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bartolec.info\/en\/wp-json\/wp\/v2\/pages\/4655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bartolec.info\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bartolec.info\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bartolec.info\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bartolec.info\/en\/wp-json\/wp\/v2\/comments?post=4655"}],"version-history":[{"count":43,"href":"https:\/\/bartolec.info\/en\/wp-json\/wp\/v2\/pages\/4655\/revisions"}],"predecessor-version":[{"id":4758,"href":"https:\/\/bartolec.info\/en\/wp-json\/wp\/v2\/pages\/4655\/revisions\/4758"}],"wp:attachment":[{"href":"https:\/\/bartolec.info\/en\/wp-json\/wp\/v2\/media?parent=4655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}