|
|
<!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; |
|
|
margin: 20px; |
|
|
} |
|
|
input { |
|
|
margin: 5px; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<h1>Конвертер разницы температур</h1> |
|
|
|
|
|
<h2>Изменение температуры</h2> |
|
|
<label for="tempChangeValue">Введите изменение температуры:</label> |
|
|
<input type="number" id="tempChangeValue" value="0" oninput="convertTemperatureChange()"> |
|
|
|
|
|
<select id="tempChangeUnit" onchange="convertTemperatureChange()"> |
|
|
<option value="C">Градус Цельсия (°C)</option> |
|
|
<option value="F">Градус Фаренгейта (°F)</option> |
|
|
<option value="K">Кельвин (K)</option> |
|
|
<option value="Re">Градус Реомюра (°Re)</option> |
|
|
<option value="Theta">Планковская температура (Θ)</option> |
|
|
</select> |
|
|
|
|
|
<h2>Результаты изменения температуры:</h2> |
|
|
<div id="tempChangeResult"></div> |
|
|
|
|
|
<script> |
|
|
function convertTemperatureChange() { |
|
|
const inputValue = parseFloat(document.getElementById('tempChangeValue').value); |
|
|
const inputUnit = document.getElementById('tempChangeUnit').value; |
|
|
|
|
|
let celsiusChange; |
|
|
|
|
|
|
|
|
switch (inputUnit) { |
|
|
case 'C': |
|
|
celsiusChange = inputValue; |
|
|
break; |
|
|
case 'F': |
|
|
celsiusChange = (inputValue - 32) * 5 / 9; |
|
|
break; |
|
|
case 'K': |
|
|
celsiusChange = inputValue; |
|
|
break; |
|
|
case 'Re': |
|
|
celsiusChange = inputValue * 5 / 4; |
|
|
break; |
|
|
case 'Theta': |
|
|
|
|
|
celsiusChange = inputValue; |
|
|
break; |
|
|
default: |
|
|
celsiusChange = inputValue; |
|
|
} |
|
|
|
|
|
|
|
|
const results = { |
|
|
C: celsiusChange, |
|
|
F: (celsiusChange * 9 / 5) + 32, |
|
|
K: celsiusChange, |
|
|
Re: celsiusChange * 4 / 5, |
|
|
Theta: celsiusChange |
|
|
}; |
|
|
|
|
|
displayTemperatureChangeResults(results); |
|
|
} |
|
|
|
|
|
function displayTemperatureChangeResults(results) { |
|
|
const resultDiv = document.getElementById('tempChangeResult'); |
|
|
resultDiv.innerHTML = ''; |
|
|
|
|
|
resultDiv.innerHTML += `<p>Изменение в градусах Цельсия (°C): ${results.C.toFixed(2)}</p>`; |
|
|
resultDiv.innerHTML += `<p>Изменение в градусах Фаренгейта (°F): ${results.F.toFixed(2)}</p>`; |
|
|
resultDiv.innerHTML += `<p>Изменение в Кельвинах (K): ${results.K.toFixed(2)}</p>`; |
|
|
resultDiv.innerHTML += `<p>Изменение в градусах Реомюра (°Re): ${results.Re.toFixed(2)}</p>`; |
|
|
resultDiv.innerHTML += `<p>Изменение в планковской температуре (Θ): ${results.Theta.toFixed(2)}</p>`; |
|
|
} |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
