Info
Created On: May 21, 2023
Created By:
AI
Model: gpt-4-0314
Time: 221.86449813843 seconds
Prompt Tokens: 1123
Completion Tokens: 1575
Total Token Cost: 2698
Get This App On Your Website
Copy Code
1. Copy the code above with the iframe and link.
Javascript, HTML, CSS Code
<html> <head> <script type="text/javascript"> window.addEventListener('error', function(event) { var message = JSON.parse(JSON.stringify(event.message)); var source = event.filename; var lineno = event.lineno; var colno = event.colno; var error = event.error; window.parent.postMessage({ type: 'iframeError', details: { message: message, source: source, lineno: lineno, colno: colno, error: error ? error.stack : '' } }, '*'); }); window.addEventListener('unhandledrejection', function(event) { window.parent.postMessage({ type: 'iframePromiseRejection', details: { reason: event.reason } }, '*'); }); </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Home Buying Matrix Calculator</title> <meta name="description" content="An AI-based app for prospective homebuyers to generate a home buying matrix spreadsheet for property purchases."> <meta name="keywords" content="home buying, matrix, calculator, property, real estate, AI"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet"> <script> var localStoragePrefix = "ct-168463060263907"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script> <script> function addProperty() { // Add new property input row let newRow = $("#property-inputs .input-row:first-child").clone(); newRow.find("input").val(""); newRow.appendTo("#property-inputs"); // Update property count let propertyCount = $("#property-inputs .input-row").length; newRow.find(".property-number").text("Property " + propertyCount); } function removeProperty(event) { // Remove property input row let row = $(event.target).closest(".input-row"); if ($("#property-inputs .input-row").length > 1) { row.remove(); } else { row.find("input").val(""); } } function calculateMatrix() { // Clear previous results $("#matrix-results tbody").empty(); // Calculate and display matrix for each property $("#property-inputs .input-row").each(function (index, element) { let row = $(element); // Get input values let initialCost = parseFloat(row.find(".initial-cost").val()) || 0; let loanAPR = parseFloat(row.find(".loan-apr").val()) || 0; let squareFootage = parseFloat(row.find(".square-footage").val()) || 0; let zipCode = row.find(".zip-code").val(); let finishQuality = parseFloat(row.find(".finish-quality").val()) || 0; // Calculate values let expenses = initialCost * (1 + loanAPR / 100); let rentalIncome = squareFootage * 1.25 * (1 + finishQuality / 10); let netProfit = rentalIncome - expenses; let roi = (netProfit / expenses) * 100; let cashFlow = rentalIncome - expenses / 12; // Display results let resultRow = $("<tr></tr>"); resultRow.append($("<td></td>").text("Property " + (index + 1))); resultRow.append($("<td></td>").text(expenses.toFixed(2))); resultRow.append($("<td></td>").text(rentalIncome.toFixed(2))); resultRow.append($("<td></td>").text(netProfit.toFixed(2))); resultRow.append($("<td></td>").text(roi.toFixed(2) + "%")); resultRow.append($("<td></td>").text(cashFlow.toFixed(2))); $("#matrix-results tbody").append(resultRow); }); } </script> <style> body { font-family: 'Lobster', cursive; background: linear-gradient(to right, #00b4db 0%, #0083b0 100%); } #main-container { background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #property-inputs .input-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } #matrix-results { margin-top: 20px; } </style> <link rel="canonical" href="https://calculator.tools/prompt/625/"> <meta charset="utf-8"> </head> <body> <div id="main-container" class="container"> <h1 class="text-center mb-4">🏠 Home Buying Matrix Calculator 🏠</h1> <div id="property-inputs"> <div class="input-row"> <span class="property-number">Property 1</span> <input type="number" class="initial-cost" placeholder="Initial Purchase Cost ($)"> <input type="number" class="loan-apr" placeholder="Loan APR (%)"> <input type="number" class="square-footage" placeholder="Project Square Footage (sq ft)"> <input type="text" class="zip-code" placeholder="Zip Code"> <input type="number" class="finish-quality" placeholder="Finish Quality (1-10)"> <button type="button" class="btn btn-danger" onclick="removeProperty(event)">❌</button> </div> </div> <button type="button" class="btn btn-success mb-3" onclick="addProperty()">➕ Add Property</button> <button type="button" class="btn btn-primary mb-3" onclick="calculateMatrix()">📊 Calculate Matrix</button> <table id="matrix-results" class="table table-striped table-bordered table-hover"> <thead> <tr> <th>Property</th> <th>Total Expenses ($)</th> <th>Potential Rental Income ($)</th> <th>Net Profit ($)</th> <th>ROI (%)</th> <th>Cash Flow ($/month)</th> </tr> </thead> <tbody></tbody> </table> </div> <script type="text/javascript"> var localStoragePrefix = "ct-{{ cachebreaker }}"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script> <script type="text/javascript"> window.addEventListener('load', function() { var observer = new MutationObserver(function() { window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); observer.observe(document.body, {attributes: true, childList: true, subtree: true}); window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); </script> </body> </html>
Home Buying Matrix Calculator
Calculator Tools