Индивидуальное задание. Листинг html-файла <html> <head lang="en"> <link rel="stylesheet"

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

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: