ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М.А. БОНЧ-БРУЕВИЧА»
(СПбГУТ)
ФАКУЛЬТЕТ ИНФОКОММУНИКАЦИОННЫХ СЕТЕЙ И СИСТЕМ (ИКСС)
КАФЕДРА ПРОГРАММНОЙ ИНЖЕНЕРИИ И ВЫЧИСЛИТЕЛЬНОЙ ТЕХНИКИ (ПИ И ВТ)
ДИСЦИПЛИНА: «WEB-Технологии»
Лабораторная работа №5.
Формы и простейшие Java-скрипты в HTML-документах
Выполнил:
Козлов Н.С
Подпись____________
Принял:
Бузюков Л.Б
Подпись____________
«_____»________ 2021
Задание 1
<!DOCTYPE html> <html> <head> <title>Форма 1</title> <script language="javascript"> function show_temperature() { alert("Сегодня ожидается теплая погода. Температура воздуха – 15 градусов"); } </script> <style> .all_center { line-height: 100vh; text-align: center; vertical-align: middle; } </style> </head> <body> <form name="FORM1" class="all_center"> <input type="button" value="Текст" onclick="show_temperature();"> </form> </body> </html>
|
Задание 2
<!DOCTYPE html> <html> <head> <title>Форма 2</title> <script language="javascript"> function show_temperature(elem) { let x = parseInt(elem.value, 10); if (!isNaN(x) && -95 <= x && x <= 75) { alert("Температура воздуха – " + elem.value + " градусов"); } else { alert("Нет данных!"); } } </script> <style> .all_center { line-height: 100vh; text-align: center; vertical-align: middle; } </style> </head> <body> <form name="FORM1" class="all_center"> <input type="number" min="-95" max="75" style="width: 150px;" name="temperature" placeholder="Температура воздуха"> <input type="button" value="Показать текст" onclick="show_temperature(FORM1.temperature);"> </form> </body> </html>
|
Задание 3
<!DOCTYPE html> <html> <head> <title>Форма 3</title> <script language="javascript"> function send(family, radio1, radio2) { let markProg = parseInt(radio1.value), markMath = parseInt(radio2.value); document.write("<h2>Фамилия: " + family.value + "</h2>"); document.write("<h2>Оценка по дисциплине «Программирование»: " + parseInt(radio1.value) + "</h2>"); document.write("<h2>Оценка по дисциплине «Математика»: " + markMath + "</h2>"); document.write("<h2>Рейтинг: " + ((markProg + markMath) / 2) + "</h2>"); } </script> <style> .radio_button { display: block; } </style> </head> <body> <h1>Анкета</h1> <form name="FORM1"> <input type="text" name="family" placeholder="Фамилия"><br> <label>Оценка по дисциплине «Программирование»:</label> <div class="radio_button"><input type="radio" name="radio1" value="5" checked="checked"><label>Отлично</label></div> <div class="radio_button"><input type="radio" name="radio1" value="4"><label>Хорошо</label></div> <div class="radio_button"><input type="radio" name="radio1" value="3"><label>Удовлетворительно</label></div> <label>Оценка по дисциплине «Математика»:</label> <div class="radio_button"><input type="radio" name="radio2" value="5" checked="checked"><label>Отлично</label></div> <div class="radio_button"><input type="radio" name="radio2" value="4"><label>Хорошо</label></div> <div class="radio_button"><input type="radio" name="radio2" value="3"><label>Удовлетворительно</label></div> <input type="button" value="Отправить" onclick="send(FORM1.family, FORM1.radio1, FORM1.radio2);"> </form> </body> </html>
|
