Orienta\u010dn\u00ed v\u00fdpo\u010det pot\u0159ebn\u00e9ho v\u00fdkonu<\/title>\n <style>\n * {\n font-family: Helvetica, sans-serif !important;\n }\n body {\n background-color: #f0f2f5;\n padding: 20px;\n }\n .container {\n max-width: 900px;\n margin: auto;\n background: white;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n h1, h2 {\n margin: 10px 0;\n }\n h2 {\n border-bottom: 1px solid #ccc;\n padding-bottom: 5px;\n margin-top: 20px;\n }\n .form-group {\n display: flex;\n gap: 10px;\n margin-bottom: 6px;\n }\n label {\n flex: 1;\n }\n input, select {\n flex: 2;\n padding: 6px;\n font-size: 14px;\n }\n button {\n padding: 10px;\n font-size: 16px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n margin-top: 10px;\n cursor: pointer;\n }\n .result {\n margin-top: 20px;\n font-size: 18px;\n font-weight: bold;\n color: green;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>Orienta\u010dn\u00ed v\u00fdpo\u010det pot\u0159ebn\u00e9ho v\u00fdkonu<\/h1>\n\n <h2>Plocha oken<\/h2>\n <div id=\"okna-container\"><\/div>\n <button onclick=\"pridatOkno()\">P\u0159idat okno<\/button>\n\n <h2>Rozm\u011bry m\u00edstnosti<\/h2>\n <div class=\"form-group\">\n <label for=\"sirka\">\u0160\u00ed\u0159ka (m):<\/label>\n <input type=\"number\" id=\"sirka\" min=\"0\" step=\"0.1\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"delka\">D\u00e9lka (m):<\/label>\n <input type=\"number\" id=\"delka\" min=\"0\" step=\"0.1\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"vyska\">V\u00fd\u0161ka (m):<\/label>\n <input type=\"number\" id=\"vyska\" min=\"0\" step=\"0.1\">\n <\/div>\n\n <h2>Strop<\/h2>\n <div class=\"form-group\">\n <label for=\"typ-stropu\">Typ stropu:<\/label>\n <select id=\"typ-stropu\">\n <option value=\"ploch\u00e1\">Ploch\u00e1 st\u0159echa<\/option>\n <option value=\"sedlov\u00e1\">Sedlov\u00e1 st\u0159echa<\/option>\n <option value=\"jin\u00e9\">Strop k jin\u00fdm m\u00edstnostem<\/option>\n <\/select>\n <\/div>\n\n <h2>Elektrospot\u0159ebi\u010de<\/h2>\n <div class=\"form-group\">\n <label for=\"spotrebice\">P\u0159\u00edkon elektrospot\u0159ebi\u010d\u016f (W):<\/label>\n <input type=\"number\" id=\"spotrebice\" min=\"0\">\n <\/div>\n\n <h2>Po\u010det osob v m\u00edstnosti<\/h2>\n <div class=\"form-group\">\n <label for=\"osoby\">Po\u010det osob:<\/label>\n <input type=\"number\" id=\"osoby\" min=\"0\">\n <\/div>\n\n <h2>Celkov\u00fd pot\u0159ebn\u00fd v\u00fdkon<\/h2>\n <button onclick=\"spocitatVykon()\">Spo\u010d\u00edtat v\u00fdkon<\/button>\n <div class=\"result\" id=\"vysledek\"><\/div>\n <\/div>\n\n <script>\n const koeficienty = {\n \"sever\": 60,\n \"severov\u00fdchod\": 70,\n \"v\u00fdchod\": 280,\n \"jihov\u00fdchod\": 240,\n \"jih\": 300,\n \"jihoz\u00e1pad\": 280,\n \"z\u00e1pad\": 290,\n \"severoz\u00e1pad\": 240,\n \"st\u0159e\u0161n\u00ed okno\": 380\n };\n\n function pridatOkno() {\n const container = document.getElementById('okna-container');\n const novaRadka = document.createElement('div');\n novaRadka.className = 'form-group';\n novaRadka.innerHTML = `\n <select class=\"orientace\">\n ${Object.keys(koeficienty).map(k => `<option value=\"${k}\">${k.charAt(0).toUpperCase() + k.slice(1)}<\/option>`).join('')}\n <\/select>\n <input type=\"number\" class=\"plocha-okna\" placeholder=\"Plocha v m\u00b2\" min=\"0\" step=\"0.1\">\n `;\n container.appendChild(novaRadka);\n }\n\n function spocitatVykon() {\n const orientaceEls = document.querySelectorAll('.orientace');\n const plochaEls = document.querySelectorAll('.plocha-okna');\n\n let maxOkno = 0;\n let stresniOkno = 0;\n let celkovaPlochaOken = 0;\n\n for (let i = 0; i < orientaceEls.length; i++) {\n const orientace = orientaceEls[i].value;\n const plocha = parseFloat(plochaEls[i].value) || 0;\n celkovaPlochaOken += plocha;\n const vykon = plocha * koeficienty[orientace];\n\n if (orientace === 'st\u0159e\u0161n\u00ed okno') {\n stresniOkno += vykon;\n } else {\n maxOkno = Math.max(maxOkno, vykon);\n }\n }\n\n const sirka = parseFloat(document.getElementById('sirka').value) || 0;\n const delka = parseFloat(document.getElementById('delka').value) || 0;\n const vyska = parseFloat(document.getElementById('vyska').value) || 0;\n\n const steny = ((sirka + delka) * 2 * vyska - celkovaPlochaOken) * 10;\n const podlaha = (sirka * delka) * 10;\n\n let stropKoef = 10;\n const typStropu = document.getElementById('typ-stropu').value;\n if (typStropu === 'ploch\u00e1') stropKoef = 30;\n else if (typStropu === 'sedlov\u00e1') stropKoef = 25;\n\n const strop = (sirka * delka) * stropKoef;\n\n const spotrebice = parseFloat(document.getElementById('spotrebice').value) || 0;\n const osoby = parseInt(document.getElementById('osoby').value) || 0;\n const osobyVykon = osoby * 120;\n\n const chladiciVykon = maxOkno + stresniOkno + steny + podlaha + strop + spotrebice + osobyVykon;\n const topnyVykon = sirka * delka * vyska * 20;\n\n document.getElementById('vysledek').innerHTML = `\n Pot\u0159ebn\u00fd chlad\u00edc\u00ed v\u00fdkon: <strong>${Math.round(chladiciVykon)} W<\/strong><br>\n Pot\u0159ebn\u00fd topn\u00fd v\u00fdkon: <strong>${Math.round(topnyVykon)} W<\/strong>\n `;\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Orienta\u010dn\u00ed v\u00fdpo\u010det pot\u0159ebn\u00e9ho v\u00fdkonu Orienta\u010dn\u00ed v\u00fdpo\u010det pot\u0159ebn\u00e9ho v\u00fdkonu Plocha oken P\u0159idat okno Rozm\u011bry m\u00edstnosti \u0160\u00ed\u0159ka (m): D\u00e9lka (m): V\u00fd\u0161ka (m): Strop Typ stropu: Ploch\u00e1 st\u0159echaSedlov\u00e1 st\u0159echaStrop k jin\u00fdm m\u00edstnostem Elektrospot\u0159ebi\u010de P\u0159\u00edkon elektrospot\u0159ebi\u010d\u016f (W): Po\u010det osob v m\u00edstnosti Po\u010det osob: Celkov\u00fd pot\u0159ebn\u00fd v\u00fdkon Spo\u010d\u00edtat v\u00fdkon<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-768","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/pages\/768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ac-service.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=768"}],"version-history":[{"count":5,"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/pages\/768\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/pages\/768\/revisions\/777"}],"wp:attachment":[{"href":"https:\/\/ac-service.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":768,"date":"2025-06-14T00:03:42","date_gmt":"2025-06-13T23:03:42","guid":{"rendered":"https:\/\/ac-service.cz\/?page_id=768"},"modified":"2025-06-14T00:30:13","modified_gmt":"2025-06-13T23:30:13","slug":"vypocet-vykonu","status":"publish","type":"page","link":"https:\/\/ac-service.cz\/?page_id=768","title":{"rendered":"V\u00fdpo\u010det V\u00fdkonu"},"content":{"rendered":"\n\n\n\n \n Orienta\u010dn\u00ed v\u00fdpo\u010det pot\u0159ebn\u00e9ho v\u00fdkonu<\/title>\n <style>\n * {\n font-family: Helvetica, sans-serif !important;\n }\n body {\n background-color: #f0f2f5;\n padding: 20px;\n }\n .container {\n max-width: 900px;\n margin: auto;\n background: white;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n h1, h2 {\n margin: 10px 0;\n }\n h2 {\n border-bottom: 1px solid #ccc;\n padding-bottom: 5px;\n margin-top: 20px;\n }\n .form-group {\n display: flex;\n gap: 10px;\n margin-bottom: 6px;\n }\n label {\n flex: 1;\n }\n input, select {\n flex: 2;\n padding: 6px;\n font-size: 14px;\n }\n button {\n padding: 10px;\n font-size: 16px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n margin-top: 10px;\n cursor: pointer;\n }\n .result {\n margin-top: 20px;\n font-size: 18px;\n font-weight: bold;\n color: green;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>Orienta\u010dn\u00ed v\u00fdpo\u010det pot\u0159ebn\u00e9ho v\u00fdkonu<\/h1>\n\n <h2>Plocha oken<\/h2>\n <div id=\"okna-container\"><\/div>\n <button onclick=\"pridatOkno()\">P\u0159idat okno<\/button>\n\n <h2>Rozm\u011bry m\u00edstnosti<\/h2>\n <div class=\"form-group\">\n <label for=\"sirka\">\u0160\u00ed\u0159ka (m):<\/label>\n <input type=\"number\" id=\"sirka\" min=\"0\" step=\"0.1\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"delka\">D\u00e9lka (m):<\/label>\n <input type=\"number\" id=\"delka\" min=\"0\" step=\"0.1\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"vyska\">V\u00fd\u0161ka (m):<\/label>\n <input type=\"number\" id=\"vyska\" min=\"0\" step=\"0.1\">\n <\/div>\n\n <h2>Strop<\/h2>\n <div class=\"form-group\">\n <label for=\"typ-stropu\">Typ stropu:<\/label>\n <select id=\"typ-stropu\">\n <option value=\"ploch\u00e1\">Ploch\u00e1 st\u0159echa<\/option>\n <option value=\"sedlov\u00e1\">Sedlov\u00e1 st\u0159echa<\/option>\n <option value=\"jin\u00e9\">Strop k jin\u00fdm m\u00edstnostem<\/option>\n <\/select>\n <\/div>\n\n <h2>Elektrospot\u0159ebi\u010de<\/h2>\n <div class=\"form-group\">\n <label for=\"spotrebice\">P\u0159\u00edkon elektrospot\u0159ebi\u010d\u016f (W):<\/label>\n <input type=\"number\" id=\"spotrebice\" min=\"0\">\n <\/div>\n\n <h2>Po\u010det osob v m\u00edstnosti<\/h2>\n <div class=\"form-group\">\n <label for=\"osoby\">Po\u010det osob:<\/label>\n <input type=\"number\" id=\"osoby\" min=\"0\">\n <\/div>\n\n <h2>Celkov\u00fd pot\u0159ebn\u00fd v\u00fdkon<\/h2>\n <button onclick=\"spocitatVykon()\">Spo\u010d\u00edtat v\u00fdkon<\/button>\n <div class=\"result\" id=\"vysledek\"><\/div>\n <\/div>\n\n <script>\n const koeficienty = {\n \"sever\": 60,\n \"severov\u00fdchod\": 70,\n \"v\u00fdchod\": 280,\n \"jihov\u00fdchod\": 240,\n \"jih\": 300,\n \"jihoz\u00e1pad\": 280,\n \"z\u00e1pad\": 290,\n \"severoz\u00e1pad\": 240,\n \"st\u0159e\u0161n\u00ed okno\": 380\n };\n\n function pridatOkno() {\n const container = document.getElementById('okna-container');\n const novaRadka = document.createElement('div');\n novaRadka.className = 'form-group';\n novaRadka.innerHTML = `\n <select class=\"orientace\">\n ${Object.keys(koeficienty).map(k => `<option value=\"${k}\">${k.charAt(0).toUpperCase() + k.slice(1)}<\/option>`).join('')}\n <\/select>\n <input type=\"number\" class=\"plocha-okna\" placeholder=\"Plocha v m\u00b2\" min=\"0\" step=\"0.1\">\n `;\n container.appendChild(novaRadka);\n }\n\n function spocitatVykon() {\n const orientaceEls = document.querySelectorAll('.orientace');\n const plochaEls = document.querySelectorAll('.plocha-okna');\n\n let maxOkno = 0;\n let stresniOkno = 0;\n let celkovaPlochaOken = 0;\n\n for (let i = 0; i < orientaceEls.length; i++) {\n const orientace = orientaceEls[i].value;\n const plocha = parseFloat(plochaEls[i].value) || 0;\n celkovaPlochaOken += plocha;\n const vykon = plocha * koeficienty[orientace];\n\n if (orientace === 'st\u0159e\u0161n\u00ed okno') {\n stresniOkno += vykon;\n } else {\n maxOkno = Math.max(maxOkno, vykon);\n }\n }\n\n const sirka = parseFloat(document.getElementById('sirka').value) || 0;\n const delka = parseFloat(document.getElementById('delka').value) || 0;\n const vyska = parseFloat(document.getElementById('vyska').value) || 0;\n\n const steny = ((sirka + delka) * 2 * vyska - celkovaPlochaOken) * 10;\n const podlaha = (sirka * delka) * 10;\n\n let stropKoef = 10;\n const typStropu = document.getElementById('typ-stropu').value;\n if (typStropu === 'ploch\u00e1') stropKoef = 30;\n else if (typStropu === 'sedlov\u00e1') stropKoef = 25;\n\n const strop = (sirka * delka) * stropKoef;\n\n const spotrebice = parseFloat(document.getElementById('spotrebice').value) || 0;\n const osoby = parseInt(document.getElementById('osoby').value) || 0;\n const osobyVykon = osoby * 120;\n\n const chladiciVykon = maxOkno + stresniOkno + steny + podlaha + strop + spotrebice + osobyVykon;\n const topnyVykon = sirka * delka * vyska * 20;\n\n document.getElementById('vysledek').innerHTML = `\n Pot\u0159ebn\u00fd chlad\u00edc\u00ed v\u00fdkon: <strong>${Math.round(chladiciVykon)} W<\/strong><br>\n Pot\u0159ebn\u00fd topn\u00fd v\u00fdkon: <strong>${Math.round(topnyVykon)} W<\/strong>\n `;\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Orienta\u010dn\u00ed v\u00fdpo\u010det pot\u0159ebn\u00e9ho v\u00fdkonu Orienta\u010dn\u00ed v\u00fdpo\u010det pot\u0159ebn\u00e9ho v\u00fdkonu Plocha oken P\u0159idat okno Rozm\u011bry m\u00edstnosti \u0160\u00ed\u0159ka (m): D\u00e9lka (m): V\u00fd\u0161ka (m): Strop Typ stropu: Ploch\u00e1 st\u0159echaSedlov\u00e1 st\u0159echaStrop k jin\u00fdm m\u00edstnostem Elektrospot\u0159ebi\u010de P\u0159\u00edkon elektrospot\u0159ebi\u010d\u016f (W): Po\u010det osob v m\u00edstnosti Po\u010det osob: Celkov\u00fd pot\u0159ebn\u00fd v\u00fdkon Spo\u010d\u00edtat v\u00fdkon<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-768","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/pages\/768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ac-service.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=768"}],"version-history":[{"count":5,"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/pages\/768\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/ac-service.cz\/index.php?rest_route=\/wp\/v2\/pages\/768\/revisions\/777"}],"wp:attachment":[{"href":"https:\/\/ac-service.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}