{"id":8505,"date":"2025-06-02T23:54:04","date_gmt":"2025-06-02T21:54:04","guid":{"rendered":"https:\/\/www.houseda.lt\/?page_id=8505"},"modified":"2025-06-03T00:03:39","modified_gmt":"2025-06-02T22:03:39","slug":"elementor-8505","status":"publish","type":"page","link":"https:\/\/www.houseda.lt\/nl\/elementor-8505","title":{"rendered":"Elementor #8505"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Mano namo kaina<\/title>\r\n <style>\r\n \/* --- \u0160rifto importavimas (pana\u0161us \u012f nuotraukoje) --- *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito+Sans:wght@400;600;700&display=swap');\r\n\r\n body {\r\n font-family: 'Nunito Sans', sans-serif;\r\n background-color: #f7f5f2; \/* \u0160viesiai rusvas fonas, kaip nuotraukoje *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n margin: 0;\r\n min-height: 100vh;\r\n color: #333;\r\n }\r\n\r\n .calculator-container {\r\n background-color: #ffffff; \/* Baltas skai\u010diuokl\u0117s fonas *\/\r\n padding: 30px 35px;\r\n border-radius: 10px; \/* \u0160iek tiek suapvalinti kampai *\/\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); \/* \u0160velnus \u0161e\u0161\u0117lis *\/\r\n width: 100%;\r\n max-width: 420px; \/* Optimalus plotis *\/\r\n }\r\n\r\n h1 {\r\n font-size: 32px; \/* Didesn\u0117 antra\u0161t\u0117 *\/\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 35px;\r\n color: #2c3e50; \/* Tamsesn\u0117 antra\u0161t\u0117s spalva *\/\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .form-group label,\r\n .form-group .label-title { \/* Naudosime .label-title radio ir checkbox grup\u0117ms *\/\r\n display: block;\r\n font-size: 15px;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n color: #555;\r\n }\r\n\r\n select,\r\n input[type=\"range\"] {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 6px;\r\n font-size: 15px;\r\n box-sizing: border-box; \/* Svarbu, kad padding nepadidint\u0173 elemento plo\u010dio *\/\r\n }\r\n\r\n select {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n background-image: url('data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\r\n background-repeat: no-repeat;\r\n background-position: right 15px top 50%;\r\n background-size: 10px;\r\n cursor: pointer;\r\n }\r\n\r\n \/* Slankiklis (Slider) *\/\r\n .slider-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n }\r\n .slider-info .label-title {\r\n margin-bottom: 0; \/* Nuimame apatin\u0119 para\u0161t\u0119, nes ji jau yra .form-group *\/\r\n }\r\n .slider-info #area-value-display {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #333;\r\n }\r\n input[type=\"range\"] {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 100%;\r\n height: 6px; \/* Plonesnis slankiklis *\/\r\n background: #e9e9e9; \/* \u0160viesesnis slankiklio fonas *\/\r\n border-radius: 3px;\r\n outline: none;\r\n padding: 0; \/* Nuimame padding slankikliui *\/\r\n }\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 22px; \/* \u0160iek tiek ma\u017eesnis rutuliukas *\/\r\n height: 22px;\r\n background: #2E8555; \/* \u017dalia spalva kaip nuotraukoje *\/\r\n cursor: pointer;\r\n border-radius: 50%;\r\n border: 3px solid white; \/* Baltas apvadas aplink rutuliuk\u0105 *\/\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.15);\r\n }\r\n input[type=\"range\"]::-moz-range-thumb {\r\n width: 22px;\r\n height: 22px;\r\n background: #2E8555;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n border: 3px solid white;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.15);\r\n }\r\n\r\n \/* Radio ir Checkbox mygtukai *\/\r\n .options-group, .checkbox-options-group {\r\n display: flex;\r\n gap: 20px; \/* Tarpas tarp parink\u010di\u0173 *\/\r\n flex-wrap: wrap; \/* Kad tilpt\u0173 ma\u017eesniuose ekranuose *\/\r\n }\r\n .options-group label, .checkbox-options-group label {\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 15px;\r\n }\r\n input[type=\"radio\"], input[type=\"checkbox\"] {\r\n display: none; \/* Paslepiam originalius mygtukus *\/\r\n }\r\n input[type=\"radio\"] + .custom-radio,\r\n input[type=\"checkbox\"] + .custom-checkbox {\r\n display: inline-block;\r\n width: 20px; \/* Dydis kaip nuotraukoje *\/\r\n height: 20px;\r\n margin-right: 8px;\r\n border: 2px solid #cccccc; \/* \u0160viesiai pilkas r\u0117melis *\/\r\n position: relative;\r\n background-color: white;\r\n }\r\n input[type=\"radio\"] + .custom-radio {\r\n border-radius: 50%;\r\n }\r\n input[type=\"checkbox\"] + .custom-checkbox {\r\n border-radius: 4px; \/* \u0160iek tiek suapvalinti kampai *\/\r\n }\r\n\r\n input[type=\"radio\"]:checked + .custom-radio {\r\n border-color: #2E8555; \/* \u017dalias r\u0117melis pa\u017eym\u0117jus *\/\r\n }\r\n input[type=\"radio\"]:checked + .custom-radio::after {\r\n content: '';\r\n display: block;\r\n width: 10px; \/* Vidinis rutuliukas *\/\r\n height: 10px;\r\n background: #2E8555; \/* \u017dalia spalva *\/\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n input[type=\"checkbox\"]:checked + .custom-checkbox {\r\n border-color: #2E8555;\r\n background-color: #2E8555; \/* U\u017epildome \u017ealiai *\/\r\n }\r\n input[type=\"checkbox\"]:checked + .custom-checkbox::after {\r\n content: '\u2713'; \/* Varnel\u0117 *\/\r\n color: white;\r\n font-size: 16px; \/* Varnel\u0117s dydis *\/\r\n font-weight: bold;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) translateY(-1px); \/* Tikslus pozicionavimas *\/\r\n }\r\n\r\n \/* Kainos ir mygtukas *\/\r\n .price-results {\r\n margin-top: 35px;\r\n padding-top: 25px;\r\n border-top: 1px solid #e8e8e8; \/* \u0160viesesn\u0117 linija *\/\r\n }\r\n .price-line {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 16px; \/* \u0160iek tiek ma\u017eesnis \u0161riftas kainoms *\/\r\n margin-bottom: 12px;\r\n }\r\n .price-line .price-label {\r\n font-weight: 400;\r\n color: #555;\r\n }\r\n .price-line .price-value {\r\n font-weight: 700; \/* Pary\u0161kinta kaina *\/\r\n color: #2c3e50;\r\n }\r\n\r\n .submit-btn {\r\n width: 100%;\r\n padding: 14px; \/* \u0160iek tiek ma\u017eesnis padding *\/\r\n background-color: #2E8555; \/* \u017dalia mygtuko spalva *\/\r\n color: white;\r\n border: none;\r\n border-radius: 6px; \/* Atitinka kit\u0173 element\u0173 suapvalinim\u0105 *\/\r\n font-size: 17px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n margin-top: 25px;\r\n transition: background-color 0.2s ease-in-out;\r\n }\r\n .submit-btn:hover {\r\n background-color: #256F47; \/* Tamsesn\u0117 \u017ealia u\u017evedus pel\u0119 *\/\r\n }\r\n\r\n \/* Pasl\u0117pti sub-stogo tip\u0105 pagal nutyl\u0117jim\u0105 *\/\r\n #roof-type-sub-group {\r\n display: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"calculator-container\">\r\n <h1>Mano namo kaina<\/h1>\r\n\r\n <form id=\"house-price-calculator\" action=\"\">\r\n <div class=\"form-group\">\r\n <label for=\"house-type-select\">Namo tipas<\/label>\r\n <select id=\"house-type-select\" name=\"house-type\">\r\n <option value=\"vieno-auksto\">Vieno auk\u0161to<\/option>\r\n <option value=\"dvieju-aukstu\">Dviej\u0173 auk\u0161t\u0173<\/option>\r\n <option value=\"su-mansarda\">Su mansarda<\/option>\r\n <option value=\"kita\">Kita<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <div class=\"slider-info\">\r\n <label for=\"house-area-slider\" class=\"label-title\">Namo plotas (m\u00b2)<\/label>\r\n <span id=\"area-value-display\">30 m\u00b2<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"house-area-slider\" name=\"house-area\" min=\"30\" max=\"200\" value=\"30\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <div class=\"label-title\">Apdailos lygis<\/div>\r\n <div class=\"options-group\">\r\n <label>\r\n <input type=\"radio\" name=\"finish-level-radio\" value=\"karkasas\">\r\n <span class=\"custom-radio\"><\/span> Karkasas\r\n <\/label>\r\n <label>\r\n <input type=\"radio\" name=\"finish-level-radio\" value=\"daline\">\r\n <span class=\"custom-radio\"><\/span> Dalin\u0117 apdaila\r\n <\/label>\r\n <label>\r\n <input type=\"radio\" name=\"finish-level-radio\" value=\"pilna\" checked>\r\n <span class=\"custom-radio\"><\/span> Pilna\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <div class=\"checkbox-options-group\">\r\n <label>\r\n <input type=\"checkbox\" id=\"terrace-checkbox\" name=\"terrace\">\r\n <span class=\"custom-checkbox\"><\/span> Terasos\r\n <\/label>\r\n <label>\r\n <input type=\"checkbox\" id=\"garage-checkbox\" name=\"garage\" checked>\r\n <span class=\"custom-checkbox\"><\/span> Gara\u017eas \/ sand\u0117liukas\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"roof-type-main-select\">Stogo tipas<\/label>\r\n <select id=\"roof-type-main-select\" name=\"roof-type-main\">\r\n <option value=\"slaitinis\">\u0160laitinis<\/option>\r\n <option value=\"sutapdintas\">Sutapdintas<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\" id=\"roof-type-sub-group\">\r\n <select id=\"roof-type-sub-select\" name=\"roof-type-sub\">\r\n <option value=\"dvislaitis\">Dvi\u0161laitis<\/option>\r\n <option value=\"keturslaitis\">Ketur\u0161laitis<\/option>\r\n <option value=\"vienaslaitis\">Viena\u0161laitis<\/option>\r\n <option value=\"kitas-slaitinis\">Kitas \u0161laitinis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"price-results\">\r\n <div class=\"price-line\">\r\n <span class=\"price-label\">Statybos kaina (be PVM)<\/span>\r\n <span class=\"price-value\" id=\"price-no-vat-display\">0 \u20ac<\/span>\r\n <\/div>\r\n <div class=\"price-line\">\r\n <span class=\"price-label\">Statybos kaina su PVM<\/span>\r\n <span class=\"price-value\" id=\"price-with-vat-display\">0 \u20ac<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <button type=\"button\" class=\"submit-btn\" id=\"get-offer-btn\">Gauti pasi\u016blym\u0105<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"nl\"\/><\/form>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ --- PRAD\u017dIA: J\u016aS\u0172 \u012eMON\u0116S KAINODAROS LOGIKA ---\r\n \/\/ !!! \u0160I DALIS TURI B\u016aTI PRITAIKYTA PAGAL J\u016aS\u0172 KAINAS IR FORMULES !!!\r\n \/\/ Tai tik pavyzdin\u0117 strukt\u016bra.\r\n const pricingConfig = {\r\n baseSqmPrice: 750, \/\/ Eur u\u017e kv. metr\u0105 (pvz., karkasui)\r\n vatRate: 0.21, \/\/ 21% PVM\r\n\r\n \/\/ Koeficientai arba papildomos sumos pagal pasirinkimus\r\n houseTypeMultiplier: {\r\n 'vieno-auksto': 1.0,\r\n 'dvieju-aukstu': 1.2,\r\n 'su-mansarda': 1.1,\r\n 'kita': 1.05\r\n },\r\n finishLevelAddition: { \/\/ Papildoma kaina prie bazin\u0117s kv.m. kainos\r\n 'karkasas': 0,\r\n 'daline': 150, \/\/ +150 Eur\/kv.m. u\u017e dalin\u0119\r\n 'pilna': 350 \/\/ +350 Eur\/kv.m. u\u017e piln\u0105\r\n },\r\n extrasFixedPrice: {\r\n 'terrace': 5000,\r\n 'garage': 12000\r\n },\r\n roofTypeMainMultiplier: {\r\n 'slaitinis': 1.0,\r\n 'sutapdintas': 1.15 \/\/ Sutapdintas 15% brangesnis\r\n },\r\n roofTypeSubMultiplier: { \/\/ \u012etaka, jei pagrindinis yra \u0161laitinis\r\n 'dvislaitis': 1.0,\r\n 'keturslaitis': 1.05,\r\n 'vienaslaitis': 0.95,\r\n 'kitas-slaitinis': 1.0\r\n }\r\n };\r\n \/\/ --- PABAIGA: J\u016aS\u0172 \u012eMON\u0116S KAINODAROS LOGIKA ---\r\n\r\n \/\/ Element\u0173 paie\u0161ka\r\n const form = document.getElementById('house-price-calculator');\r\n const houseTypeSelect = document.getElementById('house-type-select');\r\n const areaSlider = document.getElementById('house-area-slider');\r\n const areaValueDisplay = document.getElementById('area-value-display');\r\n const finishLevelRadios = document.querySelectorAll('input[name=\"finish-level-radio\"]');\r\n const terraceCheckbox = document.getElementById('terrace-checkbox');\r\n const garageCheckbox = document.getElementById('garage-checkbox');\r\n const roofTypeMainSelect = document.getElementById('roof-type-main-select');\r\n const roofTypeSubGroup = document.getElementById('roof-type-sub-group');\r\n const roofTypeSubSelect = document.getElementById('roof-type-sub-select');\r\n const priceNoVatDisplay = document.getElementById('price-no-vat-display');\r\n const priceWithVatDisplay = document.getElementById('price-with-vat-display');\r\n \/\/ const getOfferBtn = document.getElementById('get-offer-btn'); \/\/ Jei reik\u0117s mygtuko logikos\r\n\r\n \/\/ Funkcija kainai apskai\u010diuoti\r\n function calculateAndUpdatePrice() {\r\n const selectedHouseType = houseTypeSelect.value;\r\n const selectedArea = parseInt(areaSlider.value);\r\n let selectedFinishLevel = 'pilna'; \/\/ Numatytasis\r\n finishLevelRadios.forEach(radio => {\r\n if (radio.checked) selectedFinishLevel = radio.value;\r\n });\r\n const hasTerrace = terraceCheckbox.checked;\r\n const hasGarage = garageCheckbox.checked;\r\n const selectedRoofMain = roofTypeMainSelect.value;\r\n const selectedRoofSub = roofTypeSubSelect.value;\r\n\r\n \/\/ Pradin\u0117 kaina pagal plot\u0105\r\n let currentPrice = selectedArea * pricingConfig.baseSqmPrice;\r\n\r\n \/\/ Namo tipo \u012ftaka\r\n currentPrice *= pricingConfig.houseTypeMultiplier[selectedHouseType] || 1.0;\r\n \r\n \/\/ Apdailos lygio \u012ftaka (pridedama prie kv.m. kainos)\r\n currentPrice += selectedArea * (pricingConfig.finishLevelAddition[selectedFinishLevel] || 0);\r\n\r\n \/\/ Priedai\r\n if (hasTerrace) currentPrice += pricingConfig.extrasFixedPrice.terrace;\r\n if (hasGarage) currentPrice += pricingConfig.extrasFixedPrice.garage;\r\n\r\n \/\/ Pagrindinio stogo tipo \u012ftaka\r\n currentPrice *= pricingConfig.roofTypeMainMultiplier[selectedRoofMain] || 1.0;\r\n\r\n \/\/ Sub-stogo tipo \u012ftaka (tik jei pagrindinis yra \u0161laitinis)\r\n if (selectedRoofMain === 'slaitinis') {\r\n currentPrice *= pricingConfig.roofTypeSubMultiplier[selectedRoofSub] || 1.0;\r\n }\r\n\r\n const priceNoVat = Math.round(currentPrice);\r\n const priceWithVat = Math.round(priceNoVat * (1 + pricingConfig.vatRate));\r\n\r\n priceNoVatDisplay.textContent = `${priceNoVat.toLocaleString('lt-LT')} \u20ac`;\r\n priceWithVatDisplay.textContent = `${priceWithVat.toLocaleString('lt-LT')} \u20ac`;\r\n }\r\n\r\n \/\/ Slankiklio reik\u0161m\u0117s atvaizdavimas\r\n function updateAreaValue() {\r\n areaValueDisplay.textContent = `${areaSlider.value} m\u00b2`;\r\n }\r\n\r\n \/\/ Rodyti\/sl\u0117pti sub-stogo tip\u0105\r\n function toggleSubRoofSelector() {\r\n if (roofTypeMainSelect.value === 'slaitinis') {\r\n roofTypeSubGroup.style.display = 'block';\r\n } else {\r\n roofTypeSubGroup.style.display = 'none';\r\n }\r\n }\r\n\r\n \/\/ \u012evyki\u0173 klausytojai\r\n areaSlider.addEventListener('input', () => {\r\n updateAreaValue();\r\n calculateAndUpdatePrice();\r\n });\r\n\r\n \/\/ Visiems kitiems formos elementams, kurie kei\u010dia kain\u0105\r\n [houseTypeSelect, terraceCheckbox, garageCheckbox, roofTypeMainSelect, roofTypeSubSelect].forEach(element => {\r\n element.addEventListener('change', calculateAndUpdatePrice);\r\n });\r\n finishLevelRadios.forEach(radio => {\r\n radio.addEventListener('change', calculateAndUpdatePrice);\r\n });\r\n \r\n roofTypeMainSelect.addEventListener('change', toggleSubRoofSelector);\r\n\r\n\r\n \/\/ Pradin\u0117s reik\u0161m\u0117s ir skai\u010diavimai\r\n updateAreaValue();\r\n toggleSubRoofSelector(); \/\/ Patikrinam pradin\u0119 b\u016bsen\u0105\r\n calculateAndUpdatePrice(); \/\/ Apskai\u010diuojam pradin\u0119 kain\u0105\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>","protected":false},"excerpt":{"rendered":"<p>Mano namo kaina Mano namo kaina Namo tipas Vieno auk\u0161toDviej\u0173 auk\u0161t\u0173Su mansardaKita Namo plotas (m\u00b2) 30 m\u00b2 Apdailos lygis Karkasas Dalin\u0117 apdaila Pilna Terasos Gara\u017eas \/ sand\u0117liukas Stogo tipas \u0160laitinisSutapdintas Dvi\u0161laitisKetur\u0161laitisViena\u0161laitisKitas \u0161laitinis Statybos kaina (be PVM) 0 \u20ac Statybos kaina su PVM 0 \u20ac Gauti pasi\u016blym\u0105<\/p>","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.houseda.lt\/nl\/wp-json\/wp\/v2\/pages\/8505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.houseda.lt\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.houseda.lt\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.houseda.lt\/nl\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.houseda.lt\/nl\/wp-json\/wp\/v2\/comments?post=8505"}],"version-history":[{"count":7,"href":"https:\/\/www.houseda.lt\/nl\/wp-json\/wp\/v2\/pages\/8505\/revisions"}],"predecessor-version":[{"id":8515,"href":"https:\/\/www.houseda.lt\/nl\/wp-json\/wp\/v2\/pages\/8505\/revisions\/8515"}],"wp:attachment":[{"href":"https:\/\/www.houseda.lt\/nl\/wp-json\/wp\/v2\/media?parent=8505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}