Федеральное государственное бюджетное образовательное учреждение
высшего образования
«Саратовский государственный технический университет
имени Гагарина Ю.А.»
Институт прикладных информационных технологий и коммуникаций
Кафедра «Информационно-коммуникационные системы и программная инженерия»
Контрольная работа
по дисциплине «Основы Web-Программирования»
Саратов 2023
Задание 1
Ввести с экрана два числа, сложить их, результат вывести в окно документа.
Листинг кода
<!DOCTYPE html>
<html>
<head>
<title>Задание 1</title>
<meta charset="utf-8">
</head>
<body align="center">
<h1>Задание 1</h1>
<p> Ввести с экрана два числа, сложить их, результат вывести в окно документа.</p>
<script>
// Инициализация переменных
let inputNumber, temp, firstNumber, secondNumber, sumNumbers;
// Ввод первого числа
while (true) {
inputNumber = prompt("Введите первое число: ");
if ((temp = Number(inputNumber)) !== parseFloat(inputNumber) || !Number.isFinite(temp))
alert("Введено не число, повторите ввод");
else break;
}
firstNumber = temp;
// Ввод второго числа
while (true) {
inputNumber = prompt("Введите второе число:");
if ((temp = Number(inputNumber)) !== parseFloat(inputNumber) || !Number.isFinite(temp))
alert("Введено не число, повторите ввод");
else break;
}
secondNumber = temp;
// Сложение чисел
sumNumbers = firstNumber + secondNumber;
//Вывод на экран
document.write(`Первое число: ${firstNumber}<br>Второе число: ${secondNumber}<br>Результат сложения: ${sumNumbers}`);
</script>
</body>
</html>
Результат работы программы
Рисунок 1 – Задание 1.
Задание 2
Ввести с экрана значение градусов по Фаренгейту, перевести их в
градусы по Цельсию по формуле: 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>Задание 2</title>
</head>
<body class="container">
<h1>Задание 2</h1>
<p>Ввести с экрана значение градусов по Фаренгейту, перевести их в градусы по Цельсию по формуле:<sup> 0</sup>C=5/9*(<sup>0</sup>F-32).</p>
<p>Введите значение температуры градусах по Фаренгейту<sup> 0</sup>F:</p><br>
<!-- Кнопка ввода значения температуры по "Фаренгейту" -->
<input type="text" class="inputcolor" id="tempFahrenheit">
<!-- Кнопка вызова функции конвертирования -->
<button class="inputcolor" onclick="convertTempFahrenheit()">Конвертировать</button><br>
<!-- Вывод результата работы функции на экран -->
<p>Результат конвертирования в градусах Цельсия <sup> 0</sup>C: <div id="outRezultConvertTemp"></div><p>
<script>
// Инициализация переменных
let tempCheck, tempCelsius, tempFahrenheit, inputError;
// Функция конвертации температуры
function convertTempFahrenheit(){
// Получение значение температуры
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;
}
}
</script>
</body>
</html>