Destinations
Destinations
калькулятор расчета стоимости электроэнергии

калькулятор расчета стоимости электроэнергии

by
26.02.2025
0 Comments

Конечно, вот HTML код для простого калькулятора расчета стоимости электроэнергии. Этот код можно вставить на страницу сайта на WordPress:

<!DOCTYPE html>
<html lang="ru">
<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;
            padding: 20px;
        }
        .calculator {
            max-width: 400px;
            margin: 0 auto;
        }
        .result {
            margin-top: 20px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <div class="calculator">
        <h2>Калькулятор электроэнергии</h2>
        <label for="tariffType">Тип счетчика:</label>
        <select id="tariffType">
            <option value="single">Однотарифный</option>
            <option value="double">Двухтарифный</option>
            <option value="triple">Трехтарифный</option>
        </select><br><br>

        <label for="costPerKwh">Стоимость за кВт/ч (руб.):</label>
        <input type="number" id="costPerKwh" step="0.01" value="5.0"><br><br>

        <label for="power">Мощность прибора (Вт):</label>
        <input type="number" id="power" step="0.01" value="1000"><br><br>

        <label for="hoursPerDay">Время работы (часов в день):</label>
        <input type="number" id="hoursPerDay" step="0.01" value="5"><br><br>

        <button onclick="calculate()">Рассчитать</button>

        <div class="result" id="result">
            <p><strong>Результаты:</strong></p>
            <p>Расход электроэнергии в месяц: <span id="monthlyConsumption"></span> кВт/ч</p>
            <p>Расход электроэнергии в год: <span id="yearlyConsumption"></span> кВт/ч</p>
            <p>Стоимость электроэнергии в месяц: <span id="monthlyCost"></span> руб.</p>
            <p>Стоимость электроэнергии в год: <span id="yearlyCost"></span> руб.</p>
        </div>
    </div>

    <script>
        function calculate() {
            const tariffType = document.getElementById('tariffType').value;
            const costPerKwh = parseFloat(document.getElementById('costPerKwh').value);
            const power = parseFloat(document.getElementById('power').value) / 1000; // конвертируем в кВт
            const hoursPerDay = parseFloat(document.getElementById('hoursPerDay').value);

            const dailyConsumption = power * hoursPerDay; // в кВт/ч
            const monthlyConsumption = dailyConsumption * 30; // приблизительно 30 дней в месяц
            const yearlyConsumption = dailyConsumption * 365; // 365 дней в год

            let monthlyCost = monthlyConsumption * costPerKwh;
            let yearlyCost = yearlyConsumption * costPerKwh;

            // Применяем разные тарифы (например, для двухтарифных и трехтарифных счетчиков)
            if (tariffType === 'double') {
                monthlyCost *= 0.95; // примерная скидка 5%
                yearlyCost *= 0.95;
            } else if (tariffType === 'triple') {
                monthlyCost *= 0.9; // примерная скидка 10%
                yearlyCost *= 0.9;
            }

            document.getElementById('monthlyConsumption').innerText = monthlyConsumption.toFixed(2);
            document.getElementById('yearlyConsumption').innerText = yearlyConsumption.toFixed(2);
            document.getElementById('monthlyCost').innerText = monthlyCost.toFixed(2);
            document.getElementById('yearlyCost').innerText = yearlyCost.toFixed(2);
        }
    </script>
</body>
</html>

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

Related Articles

Or