API tools faq
paste
coffeebeforecode

Web Sec Lab Assign 2 Q3

coffeebeforecode
Aug 31st, 2021 (edited)
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>BMI calculator</title>
  6.     <style type="text/css">
  7.         table, th, td {
  8.             padding: 10px;
  9.         }
  10.     </style>
  11.     <script type="text/javascript">
  12.         function validateForm() {
  13.             let x = document.forms["BMI"]["weight"].value;
  14.             let y = document.forms["BMI"]["height"].value;
  15.             if (x == "" && y == "") {
  16.                 alert("Weight and Height must be filled out");
  17.                 return false;
  18.             }
  19.             else if (x == "") {
  20.                 alert("Weight must be filled out");
  21.                 return false;
  22.             }
  23.             else if (y == "") {
  24.                 alert("Height must be filled out");
  25.                 return false;
  26.             }
  27.             if (y == 0) {
  28.                 alert("Divide by zero error. Height must not be zero");
  29.                 return false;
  30.             }
  31.         }
  32.         function calcBMI() {
  33.             var flag = validateForm();
  34.             if (flag == false) {
  35.                 return false;
  36.             }
  37.             let w = document.forms["BMI"]["weight"].value;
  38.             let h = document.forms["BMI"]["height"].value;
  39.             h = h / 100 ;
  40.             var bmi = w / (h*h);
  41.             //alert("The bmi is " + bmi.toFixed(2));
  42.             let int = "";
  43.             if (bmi < 16){
  44.                 int = "serious underweight"
  45.             }
  46.             else if (bmi < 18){
  47.                 int = "underweight";
  48.             }
  49.             else if (bmi < 24){
  50.                 int = "normal weight";
  51.             }
  52.             else if (bmi < 29){
  53.                 int = "overweight";
  54.             }
  55.             else if (bmi < 35) {
  56.                 int = "seriously overweight";
  57.             }
  58.             else{
  59.                 int = "gravely overweight";
  60.             }
  61.  
  62.             let parent = document.getElementById("ans");
  63.             parent.innerHTML = "";
  64.             var table = document.createElement("table");
  65.             //table.setAttribute("style", "border: 1px solid black;");
  66.             var row1 = document.createElement("tr");
  67.             //row1.setAttribute("style", "border: 1px solid black;");
  68.             var row2 = document.createElement("tr");
  69.             //row2.setAttribute("style", "border: 1px solid black;");
  70.             var th1 = document.createElement("th");
  71.             //th1.setAttribute("style", "border: 1px solid black;");
  72.             var th2 = document.createElement("th");
  73.             //th2.setAttribute("style", "border: 1px solid black;");
  74.             var td1 = document.createElement("td");
  75.             //td1.setAttribute("style", "border: 1px solid black;");
  76.             var td2 = document.createElement("td");
  77.             //td2.setAttribute("style", "border: 1px solid black;");
  78.             td2.setAttribute("align", "center");
  79.             th1.innerHTML = "BMI";
  80.             th2.innerHTML = "Interpretation";
  81.  
  82.             td1.innerHTML = bmi.toFixed(2);
  83.             td2.innerHTML = int;
  84.  
  85.             row1.appendChild(th1);
  86.             row1.appendChild(th2);
  87.             row2.appendChild(td1);
  88.             row2.appendChild(td2);
  89.             table.appendChild(row1);
  90.             table.appendChild(row2);
  91.             parent.appendChild(table);
  92.  
  93.             return false;
  94.         }
  95.     </script>
  96. </head>
  97. <body>
  98.     <div align="center">
  99.         <h1>BMI Calculator</h1>
  100.         <br>
  101.         <h3>BCI3001 Web Security</h3>
  102.         <h3>Lab Assignment 2, Q3</h3>
  103.         <h3>Name: Devansh Sehgal</h3>
  104.         <h3>Registration Number: 20BCE0410</h3>
  105.     </div>
  106.     <hr>
  107.     <div align="center">
  108.         <form name="BMI" onsubmit="return calcBMI()">
  109.             <table>
  110.                 <tr>
  111.                 <th align="center" colspan="3">BMI calculator</th>
  112.                 </tr>
  113.                 <tr>
  114.                     <td>Weight: </td>
  115.                     <td><input type="number" name="weight" id="weight"></td>
  116.                     <td>Kg</td>
  117.                 </tr>
  118.                 <tr>
  119.                     <td>Height: </td>
  120.                     <td><input type="number" name="height" id="height"></td>
  121.                     <td>cm</td>
  122.                 </tr>
  123.                 <tr>
  124.                     <td colspan="3" align="center"><input type="Submit" name="submit" value="Submit"></td>
  125.                 </tr>
  126.             </table>
  127.         </form>
  128.         <br>
  129.         <div id="ans"></div>
  130.     </div>
  131.  
  132. </body>
  133. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!