体験電卓https://jizentaiken.localinfo.jp将来の支出を今体験 積立貯金でProfilehttps://jizentaiken.localinfo.jp/pages/8079644/profile <div> <img src="https://cdn.amebaowndme.com/madrid-prd/madrid-web/images/sites/121340/41e273faab6c69f8e4f0235e6bc55ae4_1b534b818d14daca89fc4971a883a0eb.jpg?width=960" width="100%"> </div> <div> <h3>YURIKA KATANASHI</h3><p>ナチュラル、グリーン、オーガニック、アロマなどなど自然体で体にい良いものが好き。丁寧に、生活が潤うようなモノを手作りしています。わかりやすいハンドメイドレシピも公開中。</p><p>I love slow life :)</p> </div> Sun, 21 Jul 2024 04:04:51 +0000https://jizentaiken.localinfo.jp/pages/8079644/profileHomehttps://jizentaiken.localinfo.jp <div> <p>記事一覧</p> </div> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>住宅ローンのある生活体験積立金額計算機</title> <style> body { font-family: 'Arial', sans-serif; margin: 0; padding: 20px; background-color: #f4f4f9; box-sizing: border-box; } h1 { color: #5a5a5a; text-align: center; margin-bottom: 30px; } label { display: block; margin-top: 20px; color: #333; font-size: 1em; } input { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; background-color: #fff; } #result { margin-top: 20px; font-size: 1.5em; color: #333; text-align: center; } button { display: block; width: 100%; padding: 15px 30px; font-size: 1em; background-color: #5a5a5a; color: white; border: none; border-radius: 5px; cursor: pointer; margin-top: 20px; box-sizing: border-box; } button:hover { background-color: #4a4a4a; } .highlight { font-weight: bold; font-size: 1.8em; color: #5a5a5a; margin-top: 20px; } .box { border: 1px solid #ccc; border-radius: 5px; padding: 15px; margin-top: 20px; background-color: #fff; } .box h3 { margin-top: 0; color: #5a5a5a; text-align: center; } .note { font-size: 0.8em; color: #555; } a { color: #5a5a5a; text-decoration: none; } a:hover { text-decoration: underline; } @media (max-width: 600px) { body { padding: 10px; } h1 { font-size: 1.5em; } .box { padding: 10px; } } </style> </head> <body> <h1>住宅ローンのある生活体験積立金額計算機</h1> <form id="calculator"> <label for="currentRent">現在の家賃 (円/月額)</label> <input type="number" id="currentRent" required> <label for="otherLivingCosts">家賃以外の住まい費用 (円/月額) <span class="note">※月ぎめ駐車場代など持ち家になることで支払いがなくなる金額</span></label> <input type="number" id="otherLivingCosts" required> <label for="currentAge">現在の年齢</label> <input type="number" id="currentAge" required> <label for="plannedBudget">家づくりの予算総額 (円) <span class="note">※土地代、建築費、諸費用を含んだ総額 <a href="https://hagimorikensetsu.amebaownd.com/posts/54349989" target="_blank">逆引き 家づくり予算計算機</a></span></label> <input type="number" id="plannedBudget" required> <label for="expectedGift">自己資金（円） <span class="note">※贈与額を含む</span></label> <input type="number" id="expectedGift" required> <label for="loanTerm">想定返済年数</label> <input type="number" id="loanTerm" required> <label for="interestRate">想定金利 (%)</label> <input type="number" id="interestRate" value="1.0" step="0.1" required> <label for="bonusPayment">ボーナス時加算金額（円）</label> <input type="number" id="bonusPayment" value="0" required> <label for="maintenanceCosts">持ち家の場合に必要な想定経費 (円/月額) <span class="note">※固定資産税や火災保険などの目安金額</span></label> <input type="number" id="maintenanceCosts" readonly> <button type="button" onclick="calculate()">計算する</button> </form> <div id="result"></div> <script> document.getElementById('currentAge').addEventListener('input', function() { const age = parseInt(this.value, 10); const maxLoanTerm = 40; const retirementAge = 75; let loanTerm = retirementAge - age; loanTerm = loanTerm > maxLoanTerm ? maxLoanTerm : loanTerm; document.getElementById('loanTerm').value = loanTerm > 0 ? loanTerm : 0; }); document.getElementById('plannedBudget').addEventListener('input', function() { const plannedBudget = parseFloat(this.value) || 0; const annualMaintenanceCost = plannedBudget * 0.004; const monthlyMaintenanceCost = Math.floor(annualMaintenanceCost / 12 / 100) * 100; document.getElementById('maintenanceCosts').value = monthlyMaintenanceCost; }); function calculate() { const currentRent = parseFloat(document.getElementById('currentRent').value) || 0; const otherLivingCosts = parseFloat(document.getElementById('otherLivingCosts').value) || 0; const plannedBudget = parseFloat(document.getElementById('plannedBudget').value) || 0; const expectedGift = parseFloat(document.getElementById('expectedGift').value) || 0; const loanTerm = parseFloat(document.getElementById('loanTerm').value) || 0; const interestRate = parseFloat(document.getElementById('interestRate').value) / 100 || 0; const bonusPayment = parseFloat(document.getElementById('bonusPayment').value) || 0; const maintenanceCosts = parseFloat(document.getElementById('maintenanceCosts').value) || 0; const principal = plannedBudget - expectedGift; const monthlyInterestRate = interestRate / 12; const numberOfPayments = loanTerm * 12; // Calculate annual mortgage payment using the formula for an annuity const annualMortgagePayment = principal * monthlyInterestRate / (1 - Math.pow(1 + monthlyInterestRate, -numberOfPayments)) * 12; // Calculate monthly mortgage payment considering bonus payments const monthlyMortgagePayment = Math.round((annualMortgagePayment - bonusPayment * 2) / 12); const totalLivingCost = otherLivingCosts; const savingAmount = Math.round(monthlyMortgagePayment + maintenanceCosts - currentRent - totalLivingCost); const bonusSavingAmount = Math.round(bonusPayment); document.getElementById('result').innerHTML = ` <p class="highlight">積立金額 (月額): ${savingAmount.toLocaleString()} 円</p> <p class="highlight">ボーナス積立（夏冬）: ${bonusSavingAmount.toLocaleString()} 円</p> <p>積立金額＝持ち家後の毎月の支出ー現在の毎月の支出</p> <div class="box"> <h3>持ち家後の毎月の支出</h3> <p>想定住宅ローン金額 (月額): ${monthlyMortgagePayment.toLocaleString()} 円</p> <p>持ち家の場合必要な維持費 (月額): ${maintenanceCosts.toLocaleString()} 円</p> </div> <div class="box"> <h3>現在の毎月の支出</h3> <p>現在の家賃 (月額): ${currentRent.toLocaleString()} 円</p> <p>家賃以外の住まい費 (月額): ${totalLivingCost.toLocaleString()} 円</p> </div> `; } </script> </body> </html> Sun, 21 Jul 2024 04:04:51 +0000https://jizentaiken.localinfo.jp