<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>
|