Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
задание javascript.docx
Скачиваний:
5
Добавлен:
25.06.2023
Размер:
715.72 Кб
Скачать

Результат работы программы

Рисунок 2 – Задание 2.

Задание 3

Ввести с экрана значение градусов по Фаренгейту, перевести их в

градусы по Цельсию по формуле: C=5/9(F-32). Указать в зависимости от получившегося значения, в каком состоянии находится вода: лед, холодная вода, теплая вода, горячая вода, пар.

Листинг кода

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<!-- Использование CSS -->

<style type="text/css">

.container {

text-align: center;

background:linear-gradient(to left,#00AAE0,#0CDBA0)}

.inputcolor {background-color: #BEBEBE;}

H1 { font-size: 120%;}

</style>

<title>Задание 3</title>

</head>

<body class="container">

<h1>Задание 3</h1>

<p>Ввести с экрана значение градусов по Фаренгейту, перевести их в градусы по Цельсию по формуле:<sup> 0</sup>C=5/9*(<sup>0</sup>F-32).

<br> Указать в зависимости от получившегося значения, в каком состоянии находится вода: лед, холодная вода, теплая вода, горячая вода, пар<p>

<p>Введите значение температуры градусах по Фаренгейту<sup> 0</sup>F:</p><br>

<!-- Кнопка ввода значения температуры по "Фаренгейту" -->

<input type="text" class="inputcolor" id="tempFahrenheit">

<!-- Кнопка вызова функции конвертирования -->

<button class="inputcolor" onclick="convertTempFahrWaterСonditions()">Конвертировать</button><br>

<!-- Вывод результата работы функции на экран -->

<p>Результат конвертирования в градусах Цельсия <sup> 0</sup>C и состояние воды: <div id="outRezultConvertTemp"></div><p>

<p><div id="outWaterСonditions"></div><p>

<script>

// Инициализация переменных

let tempCheck, tempCelsius, tempFahrenheit, inputError, waterСonditions;

// Функция конвертации температуры и определения состояния воды

function convertTempFahrWaterСonditions(){

// Получение значение температуры

tempFahrenheit = document.getElementById('tempFahrenheit').value;

// Проверка корректности значения ввода температуры

if((tempCheck = Number(tempFahrenheit)) !== parseFloat(tempFahrenheit) || !Number.isFinite(tempCheck)){

inputError ="Введено некорректное значение";

document.getElementById('outRezultConvertTemp').innerHTML = inputError;

}

// Конвертирование температуры

else {

tempFahrenheit = Number(tempFahrenheit);

tempCelsius = 5/9*(tempFahrenheit-32);

document.getElementById('outRezultConvertTemp').innerHTML = tempCelsius;

// Определение состояния воды

if (tempCelsius <= 0)

waterСonditions = "Лёд"

else if ((tempCelsius > 0)&&(tempCelsius <= 15))

waterСonditions = "Холодная вода"

else if ((tempCelsius > 15)&&(tempCelsius <= 40))

waterСonditions = "Теплая вода"

else if ((tempCelsius > 40)&&(tempCelsius < 100))

waterСonditions = "Горячая вода"

else

waterСonditions = "Пар"

document.getElementById('outWaterСonditions').innerHTML = waterСonditions;

}

}

</script>

</body>

</html>