Qwe

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
~~NOTOC~~
====== Калькулятор аннуитетных платежей ======

<html>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            /*max-width: 1000px;*/
            margin: 0 auto;
            padding: 20px;
            line-height: 1.6;
            color: #333;
        }
        h1 {
            color: #2c3e50;
            text-align: center;
            margin-bottom: 30px;
        }
        .calculator-container {
            background-color: #f9f9f9;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .form-group {
            margin-bottom: 20px;
        }
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #444;
        }
        input, select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            box-sizing: border-box;
        }
        .button1 {
            /*background-color: #4CAF50;*/
            background-color: #4c63af;
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            width: 100%;
            transition: background-color 0.3s;
            font-weight: bold;
        }
        .button1:hover {
            /*background-color: #45a049;*/
            background-color: #000aed;
        }
        .summary {
            margin: 25px 0;
            padding: 20px;
            background-color: #e8f5e9;
            border-radius: 6px;
            display: none;
        }
        .summary h3 {
            margin-top: 0;
            color: #2e7d32;
        }
        .summary-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
        }
        .summary-value {
            font-weight: bold;
        }
        table {
            width: 95%;
            border-collapse: collapse;
            margin-top: 20px;
            font-size: 14px;
        }
        th {
            background-color: #4CAF50;
            color: white;
            padding: 12px;
            text-align: center;
            position: sticky;
            top: 0;
        }
        td {
            padding: 10px;
            border: 1px solid #ddd;
            text-align: center;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
        .table-container {
            max-height: 500px;
            overflow-y: auto;
            margin-top: 20px;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        @media (max-width: 768px) {
            .calculator-container {
                padding: 15px;
            }
            th, td {
                padding: 8px 5px;
                font-size: 12px;
            }
        }
    </style>
    
    <div class="calculator-container">
        <div class="form-group">
            <label for="loanAmount">Сумма кредита (руб):</label>
            <input type="number" id="loanAmount" value="1400000" min="1000" step="1000">
        </div>
        
        <div class="form-group">
            <label for="interestRate">Годовая процентная ставка (%):</label>
            <input type="number" id="interestRate" value="0.01" step="0.01" min="0.1" max="100">
        </div>
        
        <div class="form-group">
            <label for="loanTerm">Срок кредита (лет):</label>
            <input type="number" id="loanTerm" value="5" min="1" max="30">
        </div>
        
        <div class="form-group">
            <label for="firstPaymentDate">Дата первого платежа:</label>
            <input type="date" id="firstPaymentDate">
        </div>
        
        <button class="button1" onclick="calculatePayments()">Рассчитать график платежей</button>
        
        <div id="summary" class="summary">
            <h3>Итоговые результаты</h3>
            <div class="summary-item">
                <span>Ежемесячный платеж:</span>
                <span id="monthlyPayment" class="summary-value"></span>
            </div>
            <div class="summary-item">
                <span>Общая сумма выплат:</span>
                <span id="totalPayment" class="summary-value"></span>
            </div>
            <div class="summary-item">
                <span>Переплата по кредиту:</span>
                <span id="overpayment" class="summary-value"></span>
            </div>
        </div>
    </div>
    
    <div class="table-container">
        <table id="paymentTable">
            <thead>
                <tr>
                    <th>№</th>
                    <th>Дата платежа</th>
                    <th>Сумма платежа</th>
                    <th>Погашение процентов</th>
                    <th>Погашение основного долга</th>
                    <th>Остаток долга</th>
                </tr>
            </thead>
            <tbody id="paymentTableBody">
                <tr>
                    <td colspan="6">Введите параметры кредита и нажмите "Рассчитать"</td>
                </tr>
            </tbody>
        </table>
    </div>

    <script>
        // Устанавливаем дату первого платежа по умолчанию (следующий месяц)
        document.addEventListener('DOMContentLoaded', function() {
            const today = new Date();
            const nextMonth = new Date(today.getFullYear(), today.getMonth() + 1, 1);
            const formattedDate = nextMonth.toISOString().split('T')[0];
            document.getElementById('firstPaymentDate').value = formattedDate;
        });

        function calculatePayments() {
            // Получаем данные из формы
            const loanAmount = parseFloat(document.getElementById('loanAmount').value);
            const annualInterestRate = parseFloat(document.getElementById('interestRate').value) / 100;
            const loanTermYears = parseInt(document.getElementById('loanTerm').value);
            const firstPaymentDate = new Date(document.getElementById('firstPaymentDate').value);
            
            // Проверка введенных данных
            if (isNaN(loanAmount) || isNaN(annualInterestRate) || isNaN(loanTermYears) || isNaN(firstPaymentDate.getTime())) {
                alert('Пожалуйста, заполните все поля корректными значениями!');
                return;
            }
            
            // Рассчитываем параметры
            const monthlyInterestRate = annualInterestRate / 12;
            const totalPayments = loanTermYears * 12;
            
            // Формула аннуитетного платежа
            const monthlyPayment = loanAmount * 
                (monthlyInterestRate * Math.pow(1 + monthlyInterestRate, totalPayments)) / 
                (Math.pow(1 + monthlyInterestRate, totalPayments) - 1);
            
            // Форматируем числа для вывода
            const formatMoney = (amount) => {
                return amount.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$& ');
            };
            
            // Выводим итоги
            document.getElementById('monthlyPayment').textContent = formatMoney(monthlyPayment) + ' руб.';
            document.getElementById('totalPayment').textContent = formatMoney(monthlyPayment * totalPayments) + ' руб.';
            document.getElementById('overpayment').textContent = formatMoney((monthlyPayment * totalPayments) - loanAmount) + ' руб.';
            document.getElementById('summary').style.display = 'block';
            
            // Генерируем таблицу платежей
            const tableBody = document.getElementById('paymentTableBody');
            tableBody.innerHTML = '';
            
            let balance = loanAmount;
            let totalInterest = 0;
            
            for (let i = 1; i <= totalPayments; i++) {
                const interest = balance * monthlyInterestRate;
                const principal = monthlyPayment - interest;
                balance -= principal;
                totalInterest += interest;
                
                // Рассчитываем дату платежа
                const paymentDate = new Date(firstPaymentDate);
                paymentDate.setMonth(firstPaymentDate.getMonth() + i - 1);
                
                // Форматируем дату
                const formattedDate = paymentDate.toLocaleDateString('ru-RU', {
                    day: 'numeric',
                    month: 'long',
                    year: 'numeric'
                });
                
                // Добавляем строку в таблицу
                const row = document.createElement('tr');
                row.innerHTML = `
                    <td>${i}</td>
                    <td>${formattedDate}</td>
                    <td>${formatMoney(monthlyPayment)}</td>
                    <td>${formatMoney(interest)}</td>
                    <td>${formatMoney(principal)}</td>
                    <td>${balance > 0 ? formatMoney(balance) : '0.00'}</td>
                `;
                tableBody.appendChild(row);
            }
            
            // Прокручиваем к таблице после расчета
            document.querySelector('.table-container').scrollIntoView({ behavior: 'smooth' });
        }
    </script>

</html>




<wrap lo>**Просмотров:** сегодня {{counter|today}} шт., вчера {{counter|yesterday}} шт., всего {{counter|total}} шт.</wrap>
Qwe

Инструменты пользователя

Инструменты сайта

Инструменты страницы
