| <!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> |
|
|
