{"id":1,"date":"2025-03-12T13:34:00","date_gmt":"2025-03-12T12:34:00","guid":{"rendered":"https:\/\/imker.pl\/kalkulatory\/?p=1"},"modified":"2025-03-14T13:59:00","modified_gmt":"2025-03-14T12:59:00","slug":"ile-chcesz-zarabiac","status":"publish","type":"post","link":"https:\/\/imker.pl\/kalkulatory\/ile-chcesz-zarabiac\/","title":{"rendered":"Kalkulator zarobk\u00f3w dla Tw\u00f3rc\u00f3w internetowych"},"content":{"rendered":"\n<p>Podstawowy kalkulator, za pomoc\u0105 kt\u00f3rego policzysz, ile produkt\u00f3w miesi\u0119cznie musisz sprzedawa\u0107, by uzyska\u0107 okre\u015blony doch\u00f3d. Koszty, itp. okre\u015blasz na og\u00f3lnym poziomie.<\/p>\n\n\n\n<p><strong>Skorzystaj z kalkulatora poni\u017cej:<\/strong><\/p>\n\n\n\n<p> <\/p>\n\n\n\n<style>\n        :root {\n            --primary: #da2343;\n            --primary-hover: #b51c36;\n            --primary-light: rgba(218, 35, 67, 0.08);\n            --background: #f7f8fa;\n            --card: #ffffff;\n            --text: #333333;\n            --text-secondary: #6b7280;\n            --text-light: #9ca3af;\n            --border: #e5e7eb;\n            --input-bg: #f9fafb;\n            --success: #10b981;\n            --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n        }\n         \n        \n        .card {\n            background-color: var(--card);\n            border-radius: 20px;\n            box-shadow: var(--shadow-md);\n            padding: 32px;\n            margin-bottom: 24px;\n        }\n        \n        h2 {\n            font-size: 1.5rem;\n            font-weight: 600;\n            margin-bottom: 20px;\n            color: #1f2937;\n        }\n        \n        .input-group {\n            margin-bottom: 32px;\n        }\n        \n        label {\n            display: block;\n            margin-bottom: 10px;\n            font-weight: 500;\n            font-size: 0.95rem;\n            color: var(--text);\n        }\n        \n        input[type=\"number\"] {\n            width: 100%;\n            padding: 16px;\n            border: 1px solid var(--border);\n            border-radius: 12px;\n            font-size: 16px;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: var(--input-bg);\n            transition: border-color 0.2s, box-shadow 0.2s;\n            box-shadow: var(--shadow-sm);\n        }\n        \n        input[type=\"number\"]:focus {\n            outline: none;\n            border-color: var(--primary);\n            box-shadow: 0 0 0 3px rgba(218, 35, 67, 0.15);\n        }\n        \n        input[type=\"range\"] {\n            width: 100%;\n            margin-top: 16px;\n            accent-color: var(--primary);\n            height: 6px;\n            cursor: pointer;\n        }\n        \n        .button {\n            background-color: var(--primary);\n            color: white;\n            border: none;\n            border-radius: 14px;\n            padding: 16px 24px;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            width: 100%;\n            transition: all 0.2s;\n            box-shadow: 0 4px 6px rgba(218, 35, 67, 0.25);\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        }\n        \n        .button:hover {\n            background-color: var(--primary-hover);\n            transform: translateY(-1px);\n            box-shadow: 0 6px 8px rgba(218, 35, 67, 0.3);\n        }\n        \n        .button:active {\n            transform: translateY(0);\n            box-shadow: 0 2px 4px rgba(218, 35, 67, 0.2);\n        }\n        \n        .results {\n            margin-top: 24px;\n        }\n        \n        .highlight {\n            font-weight: 700;\n            color: var(--primary);\n            font-size: 28px;\n        }\n        \n        .result-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 18px;\n            padding-bottom: 18px;\n            border-bottom: 1px solid var(--border);\n        }\n        \n        .result-row:last-child {\n            border-bottom: none;\n            margin-bottom: 0;\n            padding-bottom: 0;\n        }\n        \n        .result-label {\n            font-size: 1rem;\n            color: var(--text-secondary);\n        }\n        \n        .result-value {\n            font-weight: 500;\n            font-size: 1.1rem;\n        }\n        \n        .section-title {\n            display: flex;\n            align-items: center;\n            margin-bottom: 32px;\n        }\n        \n        .section-title svg {\n            margin-right: 14px;\n            flex-shrink: 0;\n            position: relative;\n            top: -1px;\n        }\n        \n        .section-title h2 {\n            margin-bottom: 0;\n            position: relative;\n            top: 1px;\n        }\n        \n        .input-container {\n            position: relative;\n        }\n        \n        .input-suffix {\n            position: absolute;\n            right: 16px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--text-secondary);\n            font-size: 0.9rem;\n        }\n        \n        .ranges-label {\n            display: flex;\n            justify-content: space-between;\n            font-size: 0.75rem;\n            color: var(--text-secondary);\n            margin-top: 8px;\n        }\n        \n        .main-result {\n            background-color: var(--primary-light);\n            padding: 24px;\n            border-radius: 16px;\n            margin-bottom: 28px;\n        }\n        \n        .main-result-label {\n            font-size: 1.1rem;\n            font-weight: 500;\n            color: var(--text);\n        }\n        \n        \/* Styles for steps *\/\n        .progress-container {\n            margin-bottom: 32px;\n        }\n        \n        .progress-bar {\n            width: 100%;\n            height: 6px;\n            background-color: var(--border);\n            border-radius: 3px;\n            overflow: hidden;\n            margin-bottom: 20px;\n        }\n        \n        .progress-fill {\n            height: 100%;\n            background-color: var(--primary);\n            width: 33.33%;\n            transition: width 0.5s ease;\n        }\n        \n        .steps-indicator {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 16px;\n        }\n        \n        .step {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            flex: 1;\n        }\n        \n        .step-number {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background-color: var(--text-light);\n            color: white;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-weight: 600;\n            margin-bottom: 10px;\n            transition: background-color 0.3s;\n            line-height: 1;\n            font-size: 14px;\n        }\n        \n        .step.active .step-number {\n            background-color: var(--primary);\n        }\n        \n        .step.completed .step-number {\n            background-color: var(--success);\n        }\n        \n        .step-label {\n            font-size: 0.85rem;\n            font-weight: 500;\n            color: var(--text-secondary);\n            text-align: center;\n        }\n        \n        .step.active .step-label {\n            color: var(--primary);\n            font-weight: 600;\n        }\n        \n        .step.completed .step-label {\n            color: var(--success);\n        }\n        \n        .buttons-container {\n            display: flex;\n            gap: 16px;\n            margin-top: 32px;\n        }\n        \n        .btn-prev {\n            background-color: transparent;\n            border: 1px solid var(--border);\n            color: var(--text);\n            box-shadow: none;\n            flex: 1;\n        }\n        \n        .btn-prev:hover {\n            background-color: var(--input-bg);\n            box-shadow: var(--shadow-sm);\n        }\n        \n        .btn-next, .btn-calculate {\n            flex: 3;\n        }\n        \n        .btn-check-reach {\n            background-color: transparent;\n            border: 1px solid var(--border);\n            color: var(--text);\n            box-shadow: none;\n            text-decoration: none;\n            text-align: center;\n        }\n        \n        .btn-check-reach:hover {\n            background-color: var(--input-bg);\n            box-shadow: var(--shadow-sm);\n        }\n        \n        .step-content {\n            display: none;\n        }\n        \n        .step-content.active {\n            display: block;\n            animation: fadeIn 0.3s;\n        }\n        \n        #results-section {\n            display: none;\n        }\n        \n        #results-section.active {\n            display: block;\n            animation: fadeIn 0.3s;\n        }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        \/* Footer styles *\/\n        .imker-footer {\n            margin-top: 40px;\n            text-align: center;\n            color: var(--text-secondary);\n            padding-top: 20px;\n            border-top: 1px solid var(--border);\n            display: none; \/* Hidden by default, visible only on results page *\/\n        }\n    <\/style>\n \n        <div class=\"card\">\n            <div class=\"progress-container\">\n                <div class=\"steps-indicator\">\n                    <div class=\"step active\" id=\"step-indicator-1\">\n                        <div class=\"step-number\">1<\/div>\n                        <div class=\"step-label\">Doch\u00f3d<\/div>\n                    <\/div>\n                    <div class=\"step\" id=\"step-indicator-2\">\n                        <div class=\"step-number\">2<\/div>\n                        <div class=\"step-label\">Produkt<\/div>\n                    <\/div>\n                    <div class=\"step\" id=\"step-indicator-3\">\n                        <div class=\"step-number\">3<\/div>\n                        <div class=\"step-label\">Koszty<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"progress-bar\">\n                    <div class=\"progress-fill\" id=\"progress-fill\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Krok 1: Doch\u00f3d -->\n            <div class=\"step-content active\" id=\"step-content-1\">\n                <div class=\"section-title\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#da2343\" stroke-width=\"2\"\/>\n                        <path d=\"M12 7V12L15 15\" stroke=\"#da2343\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                    <h2>Krok 1: Ile chcesz zarabia\u0107?<\/h2>\n                <\/div>\n                <div class=\"input-group\">\n                    <label for=\"targetIncome\">Docelowy miesi\u0119czny doch\u00f3d<\/label>\n                    <div class=\"input-container\">\n                        <input type=\"number\" id=\"targetIncome\" value=\"10000\" min=\"1\">\n                        <span class=\"input-suffix\">z\u0142<\/span>\n                    <\/div>\n                    <input type=\"range\" id=\"targetIncomeRange\" min=\"1000\" max=\"50000\" step=\"500\" value=\"10000\" oninput=\"updateInputFromRange('targetIncome', 'targetIncomeRange')\">\n                    <div class=\"ranges-label\">\n                        <span>1 000 z\u0142<\/span>\n                        <span>50 000 z\u0142<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"buttons-container\">\n                    <button class=\"button btn-next\" onclick=\"nextStep(1)\">Dalej<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Krok 2: Produkt -->\n            <div class=\"step-content\" id=\"step-content-2\">\n                <div class=\"section-title\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M5 7.8C5 6.11984 5 5.27976 5.32698 4.63803C5.6146 4.07354 6.07354 3.6146 6.63803 3.32698C7.27976 3 8.11984 3 9.8 3H14.2C15.8802 3 16.7202 3 17.362 3.32698C17.9265 3.6146 18.3854 4.07354 18.673 4.63803C19 5.27976 19 6.11984 19 7.8V16.2C19 17.8802 19 18.7202 18.673 19.362C18.3854 19.9265 17.9265 20.3854 17.362 20.673C16.7202 21 15.8802 21 14.2 21H9.8C8.11984 21 7.27976 21 6.63803 20.673C6.07354 20.3854 5.6146 19.9265 5.32698 19.362C5 18.7202 5 17.8802 5 16.2V7.8Z\" stroke=\"#da2343\" stroke-width=\"2\"\/>\n                        <path d=\"M9 8H15\" stroke=\"#da2343\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                        <path d=\"M9 12H15\" stroke=\"#da2343\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                        <path d=\"M9 16H13\" stroke=\"#da2343\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                    <h2>Krok 2: Tw\u00f3j produkt<\/h2>\n                <\/div>\n                <div class=\"input-group\">\n                    <label for=\"productPrice\">Cena produktu<\/label>\n                    <div class=\"input-container\">\n                        <input type=\"number\" id=\"productPrice\" value=\"97\" min=\"1\">\n                        <span class=\"input-suffix\">z\u0142<\/span>\n                    <\/div>\n                    <input type=\"range\" id=\"productPriceRange\" min=\"10\" max=\"1000\" step=\"5\" value=\"97\" oninput=\"updateInputFromRange('productPrice', 'productPriceRange')\">\n                    <div class=\"ranges-label\">\n                        <span>10 z\u0142<\/span>\n                        <span>1 000 z\u0142<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"buttons-container\">\n                    <button class=\"button btn-prev\" onclick=\"prevStep(2)\">Wstecz<\/button>\n                    <button class=\"button btn-next\" onclick=\"nextStep(2)\">Dalej<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Krok 3: Koszty -->\n            <div class=\"step-content\" id=\"step-content-3\">\n                <div class=\"section-title\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 7H17M12 12H17M12 17H17M7 7H7.01M7 12H7.01M7 17H7.01M8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3H8C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21Z\" stroke=\"#da2343\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                    <h2>Krok 3: Koszty i podatki<\/h2>\n                <\/div>\n                <div class=\"input-group\">\n                    <label for=\"expenses\">Koszty dzia\u0142alno\u015bci<\/label>\n                    <div class=\"input-container\">\n                        <input type=\"number\" id=\"expenses\" value=\"30\" min=\"0\" max=\"100\">\n                        <span class=\"input-suffix\">%<\/span>\n                    <\/div>\n                    <input type=\"range\" id=\"expensesRange\" min=\"0\" max=\"100\" step=\"1\" value=\"30\" oninput=\"updateInputFromRange('expenses', 'expensesRange')\">\n                    <div class=\"ranges-label\">\n                        <span>0%<\/span>\n                        <span>100%<\/span>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"input-group\">\n                    <label for=\"taxRate\">Podatek<\/label>\n                    <div class=\"input-container\">\n                        <input type=\"number\" id=\"taxRate\" value=\"19\" min=\"0\" max=\"100\">\n                        <span class=\"input-suffix\">%<\/span>\n                    <\/div>\n                    <input type=\"range\" id=\"taxRateRange\" min=\"0\" max=\"50\" step=\"1\" value=\"19\" oninput=\"updateInputFromRange('taxRate', 'taxRateRange')\">\n                    <div class=\"ranges-label\">\n                        <span>0%<\/span>\n                        <span>50%<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"buttons-container\">\n                    <button class=\"button btn-prev\" onclick=\"prevStep(3)\">Wstecz<\/button>\n                    <button class=\"button btn-calculate\" onclick=\"updateCalculations()\">Oblicz<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Sekcja Wynik\u00f3w -->\n            <div id=\"results-section\">\n                <div class=\"section-title\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M8 10L12 14L16 10\" stroke=\"#da2343\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#da2343\" stroke-width=\"2\"\/>\n                    <\/svg>\n                    <h2>Twoje wyniki<\/h2>\n                <\/div>\n                \n                <div class=\"main-result\">\n                    <div class=\"main-result-label\">Potrzebujesz sprzeda\u0107 miesi\u0119cznie:<\/div>\n                    <div class=\"highlight\" id=\"salesNeeded\">0<\/div>\n                <\/div>\n                \n                <div class=\"results\">\n                    <div class=\"result-row\">\n                        <span class=\"result-label\">Sprzeda\u017c tygodniowo:<\/span>\n                        <span class=\"result-value\" id=\"weeklySales\">0<\/span>\n                    <\/div>\n                    <div class=\"result-row\">\n                        <span class=\"result-label\">Sprzeda\u017c dziennie:<\/span>\n                        <span class=\"result-value\" id=\"dailySales\">0<\/span>\n                    <\/div>\n                    <div class=\"result-row\">\n                        <span class=\"result-label\">Miesi\u0119czny przych\u00f3d brutto:<\/span>\n                        <span class=\"result-value\" id=\"grossRevenue\">0 z\u0142<\/span>\n                    <\/div>\n                    <div class=\"result-row\">\n                        <span class=\"result-label\">Koszty dzia\u0142alno\u015bci:<\/span>\n                        <span class=\"result-value\" id=\"totalExpenses\">0 z\u0142<\/span>\n                    <\/div>\n                    <div class=\"result-row\">\n                        <span class=\"result-label\">Doch\u00f3d przed opodatkowaniem:<\/span>\n                        <span class=\"result-value\" id=\"incomeBeforeTax\">0 z\u0142<\/span>\n                    <\/div>\n                    <div class=\"result-row\" style=\"margin-bottom: 32px;\">\n                        <span class=\"result-label\">Podatek:<\/span>\n                        <span class=\"result-value\" id=\"taxAmount\">0 z\u0142<\/span>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"main-result\" style=\"margin-top: 32px;\">\n                    <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n                        <div class=\"main-result-label\">Tw\u00f3j doch\u00f3d netto:<\/div>\n                        <div class=\"highlight\" id=\"netIncome\">0 z\u0142<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"buttons-container\">\n                    <button class=\"button\" onclick=\"backToForm()\">Nowe obliczenie<\/button>\n                <\/div>\n                \n                <div class=\"buttons-container\" style=\"margin-top: 16px;\">\n                    <a href=\"https:\/\/imker.pl\/kalkulatory\/zasiegi-kanaly-sprzedaz\/\" target=\"_blank\" class=\"button btn-check-reach\">Sprawd\u017a, jakich zasi\u0119g\u00f3w potrzebujesz do tego celu<\/a>\n                <\/div>\n                \n                 \n            <\/div>\n        <\/div> \n    \n    <script>\n        let currentStep = 1;\n        \n        \/\/ Funkcja do obs\u0142ugi przej\u015bcia do nast\u0119pnego kroku\n        function nextStep(step) {\n            \/\/ Ukryj bie\u017c\u0105cy krok\n            document.getElementById(`step-content-${step}`).classList.remove('active');\n            \n            \/\/ Oznacz bie\u017c\u0105cy krok jako uko\u0144czony\n            document.getElementById(`step-indicator-${step}`).classList.remove('active');\n            document.getElementById(`step-indicator-${step}`).classList.add('completed');\n            \n            \/\/ Przejd\u017a do nast\u0119pnego kroku\n            currentStep = step + 1;\n            \n            \/\/ Poka\u017c nast\u0119pny krok\n            document.getElementById(`step-content-${currentStep}`).classList.add('active');\n            document.getElementById(`step-indicator-${currentStep}`).classList.add('active');\n            \n            \/\/ Aktualizuj pasek post\u0119pu\n            updateProgressBar();\n        }\n        \n        \/\/ Funkcja do obs\u0142ugi przej\u015bcia do poprzedniego kroku\n        function prevStep(step) {\n            \/\/ Ukryj bie\u017c\u0105cy krok\n            document.getElementById(`step-content-${step}`).classList.remove('active');\n            \n            \/\/ Oznacz bie\u017c\u0105cy krok jako nieaktywny\n            document.getElementById(`step-indicator-${step}`).classList.remove('active');\n            \n            \/\/ Przejd\u017a do poprzedniego kroku\n            currentStep = step - 1;\n            \n            \/\/ Oznacz poprzedni krok jako aktywny, nie uko\u0144czony\n            document.getElementById(`step-indicator-${currentStep}`).classList.remove('completed');\n            document.getElementById(`step-indicator-${currentStep}`).classList.add('active');\n            \n            \/\/ Poka\u017c poprzedni krok\n            document.getElementById(`step-content-${currentStep}`).classList.add('active');\n            \n            \/\/ Aktualizuj pasek post\u0119pu\n            updateProgressBar();\n        }\n        \n        \/\/ Funkcja do aktualizacji paska post\u0119pu\n        function updateProgressBar() {\n            const progressFill = document.getElementById('progress-fill');\n            const progressPercentage = ((currentStep - 1) \/ 3) * 100;\n            progressFill.style.width = `${progressPercentage}%`;\n        }\n        \n        \/\/ Synchronizuj warto\u015bci pomi\u0119dzy suwakiem a polem liczbowym\n        function updateInputFromRange(inputId, rangeId) {\n            const rangeValue = document.getElementById(rangeId).value;\n            document.getElementById(inputId).value = rangeValue;\n        }\n        \n        \/\/ G\u0142\u00f3wna funkcja kalkulatora\n        function updateCalculations() {\n            \/\/ Pobierz warto\u015bci z p\u00f3l\n            const targetIncome = parseFloat(document.getElementById('targetIncome').value) || 0;\n            const productPrice = parseFloat(document.getElementById('productPrice').value) || 0;\n            const expensesPercent = parseFloat(document.getElementById('expenses').value) || 0;\n            const taxRatePercent = parseFloat(document.getElementById('taxRate').value) || 0;\n            \n            \/\/ Synchronizuj suwaki z warto\u015bciami w polach\n            document.getElementById('targetIncomeRange').value = targetIncome;\n            document.getElementById('productPriceRange').value = productPrice;\n            document.getElementById('expensesRange').value = expensesPercent;\n            document.getElementById('taxRateRange').value = taxRatePercent;\n            \n            \/\/ Oblicz ile produkt\u00f3w musisz sprzeda\u0107\n            const effectiveProductPrice = productPrice * (1 - expensesPercent\/100) * (1 - taxRatePercent\/100);\n            const salesNeeded = Math.ceil(targetIncome \/ effectiveProductPrice);\n            \n            \/\/ Oblicz pozosta\u0142e warto\u015bci\n            const grossRevenue = salesNeeded * productPrice;\n            const totalExpenses = grossRevenue * (expensesPercent\/100);\n            const incomeBeforeTax = grossRevenue - totalExpenses;\n            const taxAmount = incomeBeforeTax * (taxRatePercent\/100);\n            const netIncome = incomeBeforeTax - taxAmount;\n            \n            \/\/ Oblicz sprzeda\u017c tygodniow\u0105 i dzienn\u0105\n            const weeklySales = Math.ceil(salesNeeded \/ 4.33); \/\/ 4.33 tygodnie w miesi\u0105cu \u015brednio\n            const dailySales = Math.ceil(salesNeeded \/ 30); \/\/ Zak\u0142adamy 30 dni w miesi\u0105cu\n            \n            \/\/ Zaktualizuj wyniki\n            document.getElementById('salesNeeded').textContent = salesNeeded;\n            document.getElementById('weeklySales').textContent = weeklySales;\n            document.getElementById('dailySales').textContent = dailySales;\n            document.getElementById('grossRevenue').textContent = formatCurrency(grossRevenue);\n            document.getElementById('totalExpenses').textContent = formatCurrency(totalExpenses);\n            document.getElementById('incomeBeforeTax').textContent = formatCurrency(incomeBeforeTax);\n            document.getElementById('taxAmount').textContent = formatCurrency(taxAmount);\n            document.getElementById('netIncome').textContent = formatCurrency(netIncome);\n            \n            \/\/ Oznacz ostatni krok jako uko\u0144czony\n            document.getElementById(`step-indicator-3`).classList.remove('active');\n            document.getElementById(`step-indicator-3`).classList.add('completed');\n            \n            \/\/ Ustaw pasek post\u0119pu na 100%\n            document.getElementById('progress-fill').style.width = '100%';\n            \n            \/\/ Ukryj formularz i poka\u017c wyniki\n            hideAllSteps();\n            document.getElementById('results-section').classList.add('active');\n            \n            \/\/ Poka\u017c stopk\u0119 Imker na stronie wynik\u00f3w\n            document.querySelector('.imker-footer').style.display = 'block';\n        }\n        \n        \/\/ Ukryj wszystkie kroki formularza\n        function hideAllSteps() {\n            for (let i = 1; i <= 3; i++) {\n                document.getElementById(`step-content-${i}`).classList.remove('active');\n            }\n        }\n        \n        \/\/ Wr\u00f3\u0107 do formularza z wynik\u00f3w\n        function backToForm() {\n            document.getElementById('results-section').classList.remove('active');\n            document.getElementById(`step-content-1`).classList.add('active');\n            \n            \/\/ Resetuj kroki\n            for (let i = 1; i <= 3; i++) {\n                document.getElementById(`step-indicator-${i}`).classList.remove('completed');\n                document.getElementById(`step-indicator-${i}`).classList.remove('active');\n            }\n            \n            \/\/ Aktywuj pierwszy krok\n            document.getElementById(`step-indicator-1`).classList.add('active');\n            \n            \/\/ Resetuj pasek post\u0119pu\n            document.getElementById('progress-fill').style.width = '33.33%';\n            \n            \/\/ Resetuj currentStep\n            currentStep = 1;\n            \n            \/\/ Ukryj stopk\u0119 Imker na stronach formularza\n            document.querySelector('.imker-footer').style.display = 'none';\n        }\n        \n        \/\/ Funkcja do formatowania kwot pieni\u0119\u017cnych\n        function formatCurrency(amount) {\n            return amount.toFixed(2).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \") + ' z\u0142';\n        }\n        \n        \/\/ Inicjalizacja\n        document.addEventListener('DOMContentLoaded', function() {\n            updateProgressBar();\n            \n            \/\/ Ukryj stopk\u0119 Imker na stronach formularza\n            document.querySelector('.imker-footer').style.display = 'none';\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Podstawowy kalkulator, za pomoc\u0105 kt\u00f3rego policzysz, ile produkt\u00f3w miesi\u0119cznie musisz sprzedawa\u0107, by uzyska\u0107 okre\u015blony doch\u00f3d. Koszty, itp. okre\u015blasz na og\u00f3lnym poziomie.<\/p>\n","protected":false},"author":1,"featured_media":21,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lista"],"acf":[],"_links":{"self":[{"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":8,"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/posts\/1\/revisions\/24"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/media\/21"}],"wp:attachment":[{"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imker.pl\/kalkulatory\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}