Personal Cash Flow Calculator

/* Style inputs with type="text", select elements and textareas */ input[type=number] { color: var(--primary); width: 90%; /* Full width */ padding: 12px; /* Some padding */ border: 1px solid #ccc; /* Gray border */ border-radius: 20px; /* Rounded borders */ box-sizing: border-box; /* Make sure that padding and width stays in place */ margin-top: 6px; /* Add a top margin */ margin-bottom: 16px; /* Bottom margin */ resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */ } output{ color: var(--primary); text-align: left; width: 90%; /* Full width */ border-bottom: 3px solid #ccc; /* Gray border */ box-sizing: border-box; /* Make sure that padding and width stays in place */ margin-top: 6px; /* Add a top margin */ margin-bottom: 6px; /* Bottom margin */ resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */ } .tooltip { position: relative; display: inline-block; cursor:pointer; } .calculator{ font-size: 20px; font-weight: 700; } .tooltip .tooltiptext { visibility: hidden; width: 200px; background-color: var(--entry); color: var(--primary); border: 2px solid var(--primary); text-align: center; border-radius: 6px; padding: 10px 2px; font-size: 15px; position: absolute; z-index: 1; bottom: 0%; left: 50%; } .tooltip:hover .tooltiptext { visibility: visible; } /* Style the submit button with a specific background color etc */ input[type=submit] { background-color: #663399; color: white; padding: 12px 20px; border: none; border-radius: 20px; cursor: pointer; } /* When moving the mouse over the submit button, add a darker green color */ input[type=submit]:hover { background-color: #663399; } .result{ font-size: 23px; font-weight: 700; } Please enter all of the value for the calculation to work. If the field is not applicable, please enter 0. Income Salary [i] Fixed monthly income $Commission [i] Monthly income based on sale $Dividends from investments [i] Monthly income from ownership of stocks, bonds, fixed deposits etc $Capital Gains [i] Monthly income from sale of financial securities like stocks, bonds etc $Rental Income [i] Monthly income from rent collected $Pension [i] Monthly income from pension $Assets Non-Current Assets [i] Market value of long term assets such as land, property, equipment, vehicles, furniture etc. $Savings [i] Cash in savings or current account. $Investment Asset [i] Market value of investments such as stocks, mutual funds, bonds, bitcoins etc. $Monthly Liabilities Bill Payment [i] Monthly commitment for bills such as electricity, phone, etc. $Rent/Mortgage [i] Monthly commitment for land or property. $Hire Purchase/Installment Plan [i] Monthly commitment for car loans, smartphones etc. $Personal/Student Loan [i] Monthly commitment for personal or student loan. $Credit Card Loan [i] Monthly commitment for credit card loan. $Monthly Taxes [i] Monthly commitment for taxes. $Total Loan Total Loan [i] The total amount that you are still owing $Spending Spending allocation [i] Monthly allocation for spending on anything. $Result Your total monthly income: $ Your total monthly liabilities: $ Your monthly cash flow: $ Your annual cash flow: $ Your total assets: $ Your asset net worth: $