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