/* ===== Лист: материалы и сортамент ===== */ const THICKS=[0.5,0.8,1,1.5,2,2.5,3,4,5,6,8,10,12]; const SHEETS=[[1.0,2.0],[1.25,2.5],[1.5,3.0],[1.5,6.0],[1.0,6.0],[2.0,6.0]]; // м /* материал → плотностной множитель кг/(м²·мм) */ const MATS={smooth:7.85, galv:7.90, rifl:8.35}; function kgm2(matKey,t){return MATS[matKey]*t;} const sheetArea=([a,b])=>a*b; const sheetKey=([a,b])=>a+'x'+b; const SHEETMAP={};SHEETS.forEach(s=>SHEETMAP[sheetKey(s)]=s); /* ===== i18n ===== */ const I18N={ ru:{brandName:'Железный мир',brandSub:'металлопрокат', title:'Калькулятор стального листа по применению', subtitle:'Кровля · настил · вес — листы, площадь и масса',gost:'ГОСТ 19903 / 8568', tabRoof:'Кровля / обшивка',tabFloor:'Настил / пол (рифлёный)',tabWeight:'Вес листа по размерам', paramsTitle:'Параметры',resTitle:'Результат расчёта', rf_len:'Длина (по коньку), м',rf_slope:'Длина ската, м',rf_slope_h:'По скату, от конька до карниза', rf_sides:'Число скатов',rf_ov:'Нахлёст / отход, %',rf_mat:'Материал',rf_t:'Толщина, мм',rf_sheet:'Размер листа', fl_len:'Длина, м',fl_wid:'Ширина, м',fl_t:'Толщина (рифлёный), мм',fl_t_h:'Настил пола — 4–6 мм',fl_ov:'Нахлёст / отход, %',fl_sheet:'Размер листа', wt_l:'Длина листа, мм',wt_w:'Ширина листа, мм',wt_mat:'Материал',wt_t:'Толщина, мм',wt_n:'Количество листов, шт', r_area:'Площадь, м²',r_w:'Вес',r_q:'Листов, шт',t_pos:'Позиция',t_area:'Площадь, м²',t_w:'Вес, кг', buy:'Купить лист →',call:'Заявка: (097) 197-71-63', disclaimer:'Расчёт ориентировочный. Вес: гладкий лист t·7.85 кг/м², рифлёный t·8.35 кг/м² (ГОСТ 19903-74 / 8568-77). Допуск по ГОСТ ±3–10%.', m_smooth:'Гладкий г/к',m_galv:'Оцинкованный',m_rifl:'Рифлёный', p_sheet:'Лист',pcs:'шт',kg:'кг',t:'т', tip_roof:'Кровля/обшивка: площадь = длина × скат × число скатов. Нахлёст листов и отход на рез ≈10–15%. Кровельный лист обычно 0.5–1.5 мм (оцинковка).', tip_floor:'Настил/пол: рифлёный лист (ромб/чечевица) 4–6 мм, противоскользящий. Укладка по балкам/лагам, отход на рез ≈5–10%.', tip_weight:'Вес листа = длина × ширина × толщина × плотность. Гладкий — 7.85, рифлёный — 8.35 кг/(м²·мм).' }, ua:{brandName:'Залізний світ',brandSub:'металопрокат', title:'Калькулятор сталевого листа за застосуванням', subtitle:'Покрівля · настил · вага — листи, площа та маса',gost:'ГОСТ 19903 / 8568', tabRoof:'Покрівля / обшивка',tabFloor:'Настил / підлога (рифлений)',tabWeight:'Вага листа за розмірами', paramsTitle:'Параметри',resTitle:'Результат розрахунку', rf_len:'Довжина (по коньку), м',rf_slope:'Довжина схилу, м',rf_slope_h:'По схилу, від конька до карниза', rf_sides:'Кількість схилів',rf_ov:'Нахлест / відхід, %',rf_mat:'Матеріал',rf_t:'Товщина, мм',rf_sheet:'Розмір листа', fl_len:'Довжина, м',fl_wid:'Ширина, м',fl_t:'Товщина (рифлений), мм',fl_t_h:'Настил підлоги — 4–6 мм',fl_ov:'Нахлест / відхід, %',fl_sheet:'Розмір листа', wt_l:'Довжина листа, мм',wt_w:'Ширина листа, мм',wt_mat:'Матеріал',wt_t:'Товщина, мм',wt_n:'Кількість листів, шт', r_area:'Площа, м²',r_w:'Вага',r_q:'Листів, шт',t_pos:'Позиція',t_area:'Площа, м²',t_w:'Вага, кг', buy:'Купити лист →',call:'Заявка: (097) 197-71-63', disclaimer:'Розрахунок орієнтовний. Вага: гладкий лист t·7.85 кг/м², рифлений t·8.35 кг/м² (ГОСТ 19903-74 / 8568-77). Допуск за ГОСТ ±3–10%.', m_smooth:'Гладкий г/к',m_galv:'Оцинкований',m_rifl:'Рифлений', p_sheet:'Лист',pcs:'шт',kg:'кг',t:'т', tip_roof:'Покрівля/обшивка: площа = довжина × схил × кількість схилів. Нахлест листів і відхід на різ ≈10–15%. Покрівельний лист зазвичай 0.5–1.5 мм (оцинковка).', tip_floor:'Настил/підлога: рифлений лист (ромб/сочевиця) 4–6 мм, протиковзкий. Укладання по балках/лагах, відхід на різ ≈5–10%.', tip_weight:'Вага листа = довжина × ширина × товщина × щільність. Гладкий — 7.85, рифлений — 8.35 кг/(м²·мм).' } }; let LANG='ru',TAB='roof'; const $=id=>document.getElementById(id); const T=()=>I18N[LANG]; const num=id=>{const v=parseFloat($(id).value);return isNaN(v)?0:v;}; function fillThicks(sel,def){sel.innerHTML='';THICKS.forEach(t=>{const o=document.createElement('option');o.value=t;o.textContent=t+' мм';if(t===def)o.selected=true;sel.appendChild(o);});} function fillSheets(sel,def){sel.innerHTML='';SHEETS.forEach(s=>{const o=document.createElement('option');o.value=sheetKey(s);o.textContent=s[0]+'×'+s[1]+' м';if(sheetKey(s)===def)o.selected=true;sel.appendChild(o);});} function fillMats(sel,def){sel.innerHTML='';['smooth','galv','rifl'].forEach(k=>{const o=document.createElement('option');o.value=k;o.textContent=T()['m_'+k];if(k===def)o.selected=true;sel.appendChild(o);});} /* ===== расчёты ===== */ function calcRoof(){ const area=num('rf_len')*num('rf_slope')*(+$('rf_sides').value); const mat=$('rf_mat').value,t=+$('rf_t').value,sheet=SHEETMAP[$('rf_sheet').value],ov=num('rf_ov')/100; const need=area*(1+ov),sheets=Math.ceil(need/sheetArea(sheet)),covA=sheets*sheetArea(sheet); const w=covA*kgm2(mat,t); return{area:covA,w,sheets,rows:[{k:T().p_sheet+' '+sheet[0]+'×'+sheet[1]+' · '+t+' мм',area:covA,w}]}; } function calcFloor(){ const area=num('fl_len')*num('fl_wid'),t=+$('fl_t').value,sheet=SHEETMAP[$('fl_sheet').value],ov=num('fl_ov')/100; const need=area*(1+ov),sheets=Math.ceil(need/sheetArea(sheet)),covA=sheets*sheetArea(sheet); const w=covA*kgm2('rifl',t); return{area:covA,w,sheets,rows:[{k:T().m_rifl+' '+sheet[0]+'×'+sheet[1]+' · '+t+' мм',area:covA,w}]}; } function calcWeight(){ const sA=(num('wt_l')/1000)*(num('wt_w')/1000),n=Math.round(num('wt_n')); const mat=$('wt_mat').value,t=+$('wt_t').value; const area=sA*n,w=area*kgm2(mat,t); return{area,w,sheets:n,rows:[ {k:T()['m_'+mat]+' '+(num('wt_l'))+'×'+(num('wt_w'))+' · '+t+' мм (1 '+T().pcs+')',area:sA,w:sA*kgm2(mat,t)} ]}; } const CALC={roof:calcRoof,floor:calcFloor,weight:calcWeight}; function render(){ const r=CALC[TAB](); $('r-area').textContent=r.area.toFixed(1); const tn=r.w/1000; $('r-w').textContent=tn>=1?tn.toFixed(2)+' '+T().t:Math.round(r.w)+' '+T().kg; $('r-q').textContent=r.sheets; $('rows').innerHTML=r.rows.map(x=>`${x.k}${x.area.toFixed(2)}${Math.round(x.w)}`).join(''); $('scenTip').textContent=T()['tip_'+TAB]; drawViz(); } /* ===== красивый SVG ===== */ function defs(){return ` `;} function drawViz(){ const v=$('viz');let s=defs();const g='#9aa3af'; const cap=t=>`${t}`; if(TAB==='roof'){ // стены домика s+=``; s+=``; // два ската крыши s+=``; s+=``; // швы листов: левый скат (от конька 180,38→30,93 к карнизу 180,63→30,118) for(let i=1;i<7;i++){const u=i/7; const x1=180+u*(30-180), y1=38+u*(93-38); const x2=180+u*(30-180), y2=63+u*(118-63); s+=``;} // швы листов: правый скат for(let i=1;i<7;i++){const u=i/7; const x1=180+u*(330-180), y1=38+u*(93-38); const x2=180+u*(330-180), y2=63+u*(118-63); s+=``;} s+=cap(T().tabRoof+': '+(num('rf_len')*num('rf_slope')*(+$('rf_sides').value)).toFixed(0)+' м²'); } else if(TAB==='floor'){ // рифлёный лист (ромбический рисунок) s+=``; let m=''; for(let x=35;x<=325;x+=22){m+=``;m+=``;} s+=`${m}`; s+=``; s+=``; s+=cap(T().tabFloor+': '+(num('fl_len')*num('fl_wid')).toFixed(0)+' м² · '+(+$('fl_t').value)+' мм'); } else { // один лист с размерными линиями (3D) s+=``; s+=``; s+=``; // размерные стрелки s+=`${num('wt_l')} мм`; s+=`${num('wt_w')} мм`; s+=cap(T().tabWeight+': '+Math.round(num('wt_n'))+' '+T().pcs+' × '+(+$('wt_t').value)+' мм'); } v.innerHTML=s; } function setTab(t){TAB=t;document.querySelectorAll('.tabs button').forEach(b=>b.classList.toggle('on',b.dataset.tab===t)); document.querySelectorAll('.panel').forEach(p=>p.classList.remove('on'));$('p-'+t).classList.add('on');render();} function applyI18N(){document.querySelectorAll('[data-i]').forEach(el=>{const k=el.getAttribute('data-i');if(!T()[k])return; if(k==='brandName'){el.firstChild.textContent=T().brandName;return;}if(k==='brandSub'){el.textContent=T().brandSub;return;} if(k==='gost'){el.textContent=T().gost;return;}el.textContent=T()[k];});document.documentElement.lang=LANG;} function setLang(l){LANG=l;$('ru').classList.toggle('on',l==='ru');$('ua').classList.toggle('on',l==='ua'); ['rf_sheet','fl_sheet'].forEach(id=>{const c=$(id).value;fillSheets($(id),c);}); ['rf_mat','wt_mat'].forEach(id=>{const c=$(id).value;fillMats($(id),c);}); applyI18N();render();} /* init */ fillMats($('rf_mat'),'galv');fillThicks($('rf_t'),1);fillSheets($('rf_sheet'),'1.0x2.0'); fillThicks($('fl_t'),5);fillSheets($('fl_sheet'),'1.5x6.0'); fillMats($('wt_mat'),'smooth');fillThicks($('wt_t'),3); document.querySelectorAll('input,select').forEach(el=>el.addEventListener('input',render)); applyI18N();render();

Калькулятор стального листа по применению

Параметры

Результат расчёта

Розрахунок сталевого листа за розмірами

Суміжні розділи