Kalkulator for inntektsfradrag på boliglån

\n Boliglånsstørrelse (kr):\n setMortgage(e.target.value ? Number(e.target.value) : undefined)}\n />\n

\n Renteprosent (%):\n setRentPercentage(e.target.value ? Number(e.target.value) : undefined)}\n />\n

\n Inntektsfradrag på rente (%):\n setIncomeTaxDeduction(Number(e.target.value))}\n />\n

\n \n Skattesats på alminnelig inntekt (%):\n \n setTaxRate(Number(e.target.value))}\n />\n

\n \n

Resultater og beregninger:

Årlig rente:

Årlig rente = Boliglån × (Renteprosent / 100)

{results.yearlyRent} kr = {mortgage ? formatNumber(mortgage) : 0} kr × {rentPercentage ?? 0}%

Inntektsfradrag:

Inntektsfradrag = Årlig rente × {incomeTaxDeduction}%

{results.incomeDeduction} kr = {results.yearlyRent} kr × {incomeTaxDeduction}%

Skattebesparelse:

Skattebesparelse = Inntektsfradrag × {taxRate}%

{results.taxSavings} kr = {results.incomeDeduction} kr × {taxRate}%

Reell renteprosent:

Reell renteprosent = ((Årlig rente - Skattebesparelse) / Boliglån) × 100

\n {results.realRentPercentage}% = (({results.yearlyRent} kr - {results.taxSavings} kr) /{\" \"}\n {mortgage ? formatNumber(mortgage) : 0} kr) × 100\n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Kalkulator for inntektsfradrag på boliglån\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n}\n\n.container {\n max-width: 600px;\n margin: 2rem auto;\n padding: 2rem;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\nh1 {\n text-align: center;\n color: #333;\n margin-bottom: 1.5rem;\n}\n\n.input-group {\n margin-bottom: 1.5rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: bold;\n}\n\ninput {\n width: 100%;\n padding: 0.5rem;\n font-size: 1rem;\n border: 1px solid #ddd;\n border-radius: 3px;\n box-sizing: border-box;\n}\n\n.reset-button {\n display: block;\n width: 100%;\n padding: 0.5rem;\n font-size: 1rem;\n background-color: #f0f0f0;\n border: 1px solid #ddd;\n border-radius: 3px;\n cursor: pointer;\n margin-bottom: 1.5rem;\n}\n\n.reset-button:hover {\n background-color: #e0e0e0;\n}\n\n.results {\n margin-top: 2rem;\n padding: 1rem;\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n\nh2 {\n margin-top: 0;\n color: #333;\n border-bottom: 2px solid #0066cc;\n padding-bottom: 0.5rem;\n}\n\n.calculation {\n background-color: #fff;\n padding: 1rem;\n margin-bottom: 1rem;\n border-radius: 3px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.calculation h3 {\n margin-top: 0;\n color: #0066cc;\n}\n\n.calculation p {\n margin: 0.5rem 0;\n}\n\nfooter {\n text-align: center;\n margin-top: 2rem;\n}\n\na {\n color: #0066cc;\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\n@media (max-width: 600px) {\n .container {\n margin: 1rem;\n padding: 1rem;\n }\n}\n`;",[],[173],"files",[152,171],"counts",{"_184":32,"_185":159,"_186":32,"_187":188},"pulls","branches","forks","envVars",{"_189":32,"_190":32},"count","emptyCount","contents",[],{"_104":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":159,"_160":118,"_106":194,"_100":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_98":195},["D",1728587176557],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":204,"_150":209,"_180":216,"_163":217,"_191":219,"_220":-5,"_221":-5,"_222":-5,"_223":-5,"_224":225},{"_104":105,"_95":96,"_106":205,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":206,"_134":207,"_137":208,"_149":22},["D",1746280577700],{"_93":94,"_132":133},{"_93":94,"_136":133,"_14":114},{"_100":139,"_95":43,"_104":140,"_141":105,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[210,213],{"_104":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":159,"_160":118,"_106":161,"_100":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_168":211,"_98":212},[],[99],{"_104":172,"_95":173,"_154":116,"_156":-5,"_157":140,"_158":101,"_160":22,"_106":174,"_100":175,"_162":176,"_164":177,"_166":22,"_167":-5,"_168":214,"_98":215},[],[173],[210,213],{"_104":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":159,"_160":118,"_106":194,"_100":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_98":218},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

mikaello

mortgageDeductionCalculator