credit.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="stylesheet" href="./assets/styles/style.css">
  7. <link rel="stylesheet" href="./assets/styles/credit.css">
  8. <title>Расчет кредита</title>
  9. </head>
  10. <body>
  11. <div class="big_con" id="main-container">
  12. <div class="block_auth">
  13. <h2 style="color: black; padding: 0;">Расчет кредита</h2>
  14. <input type="number" id="vehicle-price" placeholder="Введите стоимость автомобиля" class="enter">
  15. <input type="number" id="loan-term" placeholder="Срок кредита (в месяцах)" class="enter">
  16. <button class="orange" onclick="calculateCredit()">
  17. Рассчитать
  18. </button>
  19. <span class="close" onclick="window.location.href='mainPage.html'">&times;</span>
  20. </div>
  21. </div>
  22. <div id="results">
  23. <button class="close-button" onclick="hideResults()">&#10006;</button>
  24. <h3>Результаты расчета</h3>
  25. <p>Ежемесячный платеж: <span id="monthly-payment"></span></p>
  26. <p>Переплата по процентам: <span id="total-interest"></span></p>
  27. <p>Общая сумма выплат: <span id="total-payment"></span></p>
  28. </div>
  29. <script src="assets/json/credit.js"></script>
  30. </body>
  31. </html>