Листинг 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> |