Листинг общего задания

Лабораторная работа № 2

Тема: Окна и фреймы, динамическая генерация документа (document.write): динамическая генерация в документе при загрузке и по событию, открытие, закрытие окон, проверка фреймов, передача управления и данных между окнами/фреймами. Таймер: программирование событий по таймеру.

функции и объекты: работа с датой, строками, числами с плавающей точкой.

Вариант 3: Веб-интерфейс электронного магазина.

Листинг общего задания

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Добавление товара в корзину</title> <link href="CSS/bootstrap.css" rel="stylesheet" type="text/css"> <script src="JS/bootstrap.js"></script> <script src="JS/Lab1Individual.js"></script> <script src="JS/Lab2.js"></script> </head> <body> <div class="row"> <br> <form name="ShoppingCartForm" > <div class="col-md-3"> </div> <div class="col-md-3"> <h3>Добавление товара</h3> <br> <label>Выберите товар</label> <select name="GoodsSelect" onchange="CalculatePrice()"> <option value="0">Ноутбук Acer</option> <option value="1">Ноутбук Asus</option> <option value="2">Ноутбук HP</option> </select> <br> <label>Количество</label> <input type="text" name="Count" onkeyup="CalculatePrice()" style="width: 40px"/> <br> <label>Цена</label> <input type="text" name="Price" readonly style="width: 100px"/> <br> <button class="btn btn-success" type="button" onclick="AddGoodsToCart()">Добавить в корзину</button> <br> </div> <div class="col-md-4"> <h3>Товары добавленные в корзину</h3> <br> <textarea name="ShoppingCart" readonly style="width: 250px"></textarea> <br> <label>Итого</label> <input type="text" name="TotalPrice" readonly style="width: 100px"/> <br> <button class="btn btn-primary" onclick="ClearTextArea()" type="button">Очистить корзину</button> <button class="btn btn-info" onclick="GetReport()" type="button">Подтвердить заказ</button> <br> <script type="text/javascript"> document.write(Date()); </script> </div> </form> </div> </body> </html>