Листинг html-файла
| <html> | |
| <head lang="en"> | |
| <link rel="stylesheet" type="text/css" href="Lab1.css"> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| <link href="bootstrap.css" rel="stylesheet"> | |
| <script src="bootstrap.js"></script> | |
| <script> | |
| function CalculatePrice() | |
| { | |
| document.forms["ShoppingForm"]["Price"].value = ''; | |
| document.forms["ShoppingForm"]["Discount"].value = ''; | |
| document.forms["ShoppingForm"]["TotalPrice"].value =''; | |
| var count = document.forms["ShoppingForm"]["Count"].value; | |
| var selectedGood = document.forms["ShoppingForm"]["GoodsSelect"].value; | |
| var price; | |
| if(count>=1) { | |
| switch (selectedGood) { | |
| case '0': | |
| price = 7500*count; | |
| break; | |
| case '1': | |
| price = 8000*count; | |
| break; | |
| case '2': | |
| price = 9000*count; | |
| break; | |
| } | |
| var discount=0; | |
| if(count>=500) | |
| { | |
| document.forms["ShoppingForm"]["Discount"].value ='1% '; | |
| discount = price*0.01; | |
| } | |
| if(count>=1000) | |
| { | |
| document.forms["ShoppingForm"]["Discount"].value = '2% '; | |
| discount = price*0.02; | |
| } | |
| if(count>=2000) | |
| { | |
| document.forms["ShoppingForm"]["Discount"].value = '3% '; | |
| discount = price*0.03; | |
| } | |
| document.forms["ShoppingForm"]["Price"].value = price; | |
| document.forms["ShoppingForm"]["Discount"].value += discount; | |
| document.forms["ShoppingForm"]["TotalPrice"].value = price - discount; | |
| } | |
| else | |
| { | |
| alert("Введено некорректное значение в поле Количество") | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div> | |
| <br> | |
| <form name="ShoppingForm" > | |
| <div id="body"> | |
| <div id="body1"> | |
| <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" onkeyup="CalculatePrice()" name="Count" /> | |
| <br> | |
| <label>Цена</label> | |
| <input type="text" name="Price" readonly /> | |
| <br> | |
| <label>Скидка</label> | |
| <input type="text" name="Discount" readonly /> | |
| <br> | |
| <label>Цена со скидкой</label> | |
| <input type="text" name="TotalPrice" readonly /> | |
| <br> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </body> | |
| </html> |






