Advertisement
Guest User

JS Calculator

a guest
Jan 18th, 2020
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <form>
  2.     <h3 style="text-align: center">
  3.         <b>Уеб Калкулатор</b>
  4.     </h3>
  5.     <select name="product" id="product" class="w3-input w3-border w3-round" style="padding: 16px 20px; background-color: #f1f1f1;">
  6.         <option value="0">
  7.             Please, choose option
  8.         </option>
  9.         <option value="0.6">
  10.             Once Cleaning
  11.         </option>
  12.         <option value="0.5">
  13.             Reguarlly Cleaning
  14.         </option>
  15.         <option value="2.8">
  16.             Basic Cleaning
  17.         </option>
  18.     </select>
  19.     <br />
  20.     <input placeholder="Square Footage" type="number" name="quantity" id="quantity" class="w3-input w3-border w3-round" style="padding: 16px 20px; background-color: #f1f1f1;">
  21.     <br />
  22.     <div style="text-align: center">
  23.         <button type="button" id="submit" name="submit" onclick="submitbtn()" style="background-color: #e7e7e7; color: black; font-weight: bold;">
  24.             Confirm
  25.         </button>
  26.     </div>
  27.     <br />
  28.     <p id="result"></p>
  29. </form>
  30. <br>
  31. <script>
  32.     function submitbtn() {
  33.    
  34.         var product = document.getElementById('product').value;
  35.         console.log(product);
  36.         var quantity = document.getElementById('quantity').value;
  37.        
  38.         document.getElementById("result").style.fontSize = "larger";
  39.         document.getElementById("result").style.textAlign = "center";
  40.        
  41.         var num11 = 0.6 * quantity;
  42.         var n11 = num11.toFixed(2);
  43.        
  44.         var num12 = 0.54 * quantity;
  45.         var n12 = num12.toFixed(2);
  46.        
  47.         var num21 = 0.5 * quantity;
  48.         var n21 = num21.toFixed(2);
  49.        
  50.         var num22 = 0.45 * quantity;
  51.         var n22 = num22.toFixed(2);
  52.        
  53.         var num31 = 2.8 * quantity;
  54.         var n31 = num31.toFixed(2);
  55.        
  56.         var num32 = 2.7 * quantity;
  57.         var n32 = num32.toFixed(2);
  58.        
  59.         if (quantity == 0) {
  60.             document.getElementById('result').innerHTML = "Please, type square footage";
  61.         } else {
  62.             if (product == '0') {
  63.                 document.getElementById('result').innerHTML = "Please, choose option";
  64.             } else if (product == '0.6') {
  65.                 if (quantity <= '100') {
  66.                     document.getElementById('result').innerHTML = "Price: "+ n11 +" лв.";
  67.                 } else if (quantity >= '201') {
  68.                     document.getElementById('result').innerHTML = "Price: Negotiable";
  69.                 } else if (quantity >= '101') {
  70.                     document.getElementById('result').innerHTML = "Price: "+ n12 +" лв.";
  71.                 }
  72.             } else if (product == '0.5') {
  73.                 if (quantity <= '100') {
  74.                     document.getElementById('result').innerHTML = "Price: "+ n21 +" лв.";
  75.                 } else if (quantity >= '201') {
  76.                     document.getElementById('result').innerHTML = "Price: Negotiable";
  77.                 } else if (quantity >= '101') {
  78.                     document.getElementById('result').innerHTML = "Price: "+ n22 +" лв.";
  79.                 }
  80.             } else if (product == '2.8') {
  81.                 if (quantity <= '100') {
  82.                     document.getElementById('result').innerHTML = "Price: "+ n31 +" лв.";
  83.                 } else if (quantity > '100') {
  84.                     document.getElementById('result').innerHTML = "Price: "+ n32 +" лв.";
  85.                 }
  86.             }
  87.         }
  88.     }
  89. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement