Результат работы программы
Рисунок 4 – Задание 4.
Задание 5
Вывести в окно документа таблицу соответствия градусов по Цельсию градусам по Фаренгейту в пределах от -250 до 300 с шагом 10.
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.body{
background:linear-gradient(to left,#F6F7F8,#E1E8F2,#D9E1EE);
text-align:center;
}
</style>
<title>Задание 5</title>
</head>
<body class="body">
<h1>Задание 5</h1>
<p>Вывести в окно документа таблицу соответствия градусов по Цельсию градусам по Фаренгейту в пределах от -250 до 300 с шагом 10.</p><br><br>
Таблица соответствия градусов по Фаренгейту градусам по Цельсию<br><br>
<script>
//Создание таблицы
document.write('<table border="1" width = "30%" align = "center" style="border-collapse: collapse; text-align: left"><thead><tr><th><sup> 0</sup>F</th><th><sup> 0</sup>C</th></tr></thead>');
// Заполнение таблицы
for (tempFahrenheit = -250; tempFahrenheit <= 300; tempFahrenheit+=10){
tempCelsius = Math.round(5/9*(tempFahrenheit-32));
document.write('<tr><td>'+tempFahrenheit+'</td><td>'+tempCelsius+'</td></tr>');
}
document.write('</table>');
</script>
</body>
</html>
Результат работы программы
Рисунок 5 – Задание 5.
Задание 6
В получившейся таблице создать фон строк разных цветов: четная строка желтая, нечетная строка красная.
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.body{
background:linear-gradient(to left,#F6F7F8,#E1E8F2,#D9E1EE);
text-align:center;
}
</style>
<title>Задание 6</title>
</head>
<body class="body">
<h1>Задание 6</h1>
<p>В получившейся таблице из задания 5 создать фон строк разных цветов: четная строка желтая, нечетная строка красная. </p><br><br>
Таблица соответствия градусов по Фаренгейту градусам по Цельсию<br><br>
<script>
let tempFahrenheit, tempCelsius, counterColor, colorLineTable;
//Создание таблицы
document.write('<table border="1" width = "30%" align = "center" style="border-collapse: collapse; text-align: left"><thead><tr><th><sup> 0</sup>F</th><th><sup> 0</sup>C</th></tr></thead>');
// Заполнение таблицы
counterColor = 0;
for (tempFahrenheit = -250; tempFahrenheit <= 300; tempFahrenheit+=10){
counterColor++;
// Выбор цвета строк
if (counterColor % 2 == 0){
// Четная строка - желтый цвет
colorLineTable = "#ffff00"
}
else{
// Нечетная строка - красный цвет
colorLineTable = "#ff0000"
}
// Конвертирование температуры
tempCelsius = Math.round(5/9*(tempFahrenheit-32));
// Вывод в документ строк таблицы
document.write('<tr bgcolor="'+colorLineTable+'"><td>'+tempFahrenheit+'</td><td>'+tempCelsius+'</td></tr>');
}
document.write('</table>');
</script>
</body>
</html>