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