Cash Flow Calculator

\n \n \n

\n\n

Loan Details

\n Loan Amount (₹)\n setLoanAmount(e.target.value)}\n placeholder=\"Enter Loan Amount\"\n />\n

\n Annual Interest Rate (%)\n setInterestRate(e.target.value)}\n placeholder=\"Enter Interest Rate\"\n />\n

\n Loan Tenure (Months)\n setLoanTenure(e.target.value)}\n placeholder=\"Enter Loan Tenure\"\n />\n

\n {emiDetails && (\n

EMI Details

Monthly EMI: ₹{emiDetails.monthlyEMI}

Total Payment: ₹{emiDetails.totalPayment}

Total Interest: ₹{emiDetails.totalInterest}

\n )}\n

\n\n

Stock & Dividend Details

\n Stock Ticker\n setStockTicker(e.target.value.toUpperCase())}\n placeholder=\"Enter Stock Ticker\"\n />\n

\n {loading &&

Loading stock data...

}\n {error &&

{error}

}\n

\n Current Share Price (₹)\n setSharePrice(e.target.value)}\n placeholder=\"Enter Share Price\"\n />\n

\n Annual Dividend per Share (₹)\n setAnnualDividendPerShare(e.target.value)}\n placeholder=\"Enter Annual Dividend per Share\"\n />\n

\n Number of Shares\n \n

\n {dividendDetails && (\n

Dividend Income Analysis

Monthly Dividend Income: ₹{dividendDetails.monthlyDividendIncome}

Annual Dividend Income: ₹{dividendDetails.annualDividendIncome}

\n )}\n

\n\n {/* Cash Flow Section */}\n {cashFlowDetails && emiDetails && dividendDetails && (\n

Cash Flow Analysis

Monthly Cash Flow

\n Monthly Dividend Income: ₹{dividendDetails.monthlyDividendIncome}\n
\n Monthly EMI: ₹{emiDetails.monthlyEMI}\n
\n Net Monthly Cash Flow:\n = 0 ? \"positive-cash-flow\" : \"negative-cash-flow\"}>\n ₹{cashFlowDetails.monthlyCashFlow}\n \n

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n return new Response(\n `\n \n \n Loan EMI & Dividend Calculator\n \n \n \n \n \n

\n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","subdomain",[102],"permalink","https://www.val.town/x/bheemanadam/EquityCalculator/code/main.tsx","extension","routes/embed","actionData","errors"]