API tools faq
paste
Advertisement
coffeebeforecode

Web Sec Lab Assign 2 Q2

coffeebeforecode
Aug 31st, 2021
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Student Grade</title>
  6.     <style type="text/css">
  7.         table, th, td {
  8.             padding: 5px;
  9.         }
  10.     </style>
  11.     <script type="text/javascript">
  12.         let n = 0;
  13.         let arr = [];
  14.         function validateN() {
  15.             if (n <= 0) {
  16.                 alert("Number of students should be greater than zero");
  17.                 return false;
  18.             }
  19.             return true;
  20.         }
  21.         function displayResult(){
  22.             //alert(n);
  23.             for (let i = 1; i <= n; i++){
  24.                 let pid = String(i);
  25.                 let temp = [];
  26.                 temp.push(document.getElementById("name"+pid).value);
  27.                 temp.push(document.getElementById("reg"+pid).value);
  28.                 let marks = [];
  29.                 let totalMarks = 0;
  30.                 for (let j = 1; j <= 5; j++){
  31.                     let t = parseInt(document.getElementById("sub"+String(j)+pid).value);
  32.                     if (t < 0 || t > 100 || !t){
  33.                         alert("The Marks of Subject " + String(j)+ " of Student " + pid + " should be between [0,100]");
  34.                         return false;
  35.                     }
  36.                     totalMarks += t;
  37.                     marks.push(t);
  38.                 }
  39.                 temp.push(marks);
  40.                 temp.push(totalMarks);
  41.                 arr.push(temp);
  42.             }
  43.             document.getElementById("ans").appendChild(document.createElement("br"));
  44.             document.getElementById("ans").innerHTML += JSON.stringify(arr);
  45.             return false;
  46.         }
  47.         function createForm(){
  48.             n = document.getElementById("n").value;
  49.             //alert(n);
  50.             if (validateN() == false){
  51.                 return false;
  52.             }
  53.             let ancestor = document.getElementById("stu-div");
  54.             ancestor.innerHTML="";
  55.             let parent = document.createElement("form");
  56.             parent.setAttribute("name", "stu-form");
  57.             parent.setAttribute("onsubmit", "return displayResult()");
  58.             for (let i=1; i <= n; i++){
  59.                 parent.appendChild(document.createElement("hr"));
  60.                 let pid = String(i);
  61.  
  62.                 let table = document.createElement("table");
  63.                 let r1 = document.createElement("tr");
  64.                 let r11 = document.createElement("td");
  65.                 let r12 = document.createElement("td");
  66.  
  67.                 let r2 = document.createElement("tr");
  68.                 let r21 = document.createElement("td");
  69.                 let r22 = document.createElement("td");
  70.  
  71.                 let r3 = document.createElement("tr");
  72.                 let r31 = document.createElement("td");
  73.                 let r32 = document.createElement("td");
  74.  
  75.                 let r4 = document.createElement("tr");
  76.                 let r41 = document.createElement("td");
  77.                 let r42 = document.createElement("td");
  78.  
  79.                 let r5 = document.createElement("tr");
  80.                 let r51 = document.createElement("td");
  81.                 let r52 = document.createElement("td");
  82.  
  83.                 let r6 = document.createElement("tr");
  84.                 let r61 = document.createElement("td");
  85.                 let r62 = document.createElement("td");
  86.  
  87.                 let r7 = document.createElement("tr");
  88.                 let r71 = document.createElement("td");
  89.                 let r72 = document.createElement("td");
  90.  
  91.                 let label1 = document.createElement("label");
  92.                 label1.innerHTML = "Name of Student " + pid + ":";
  93.                 let name = document.createElement("input");
  94.                 name.setAttribute("type", "text");
  95.                 name.setAttribute("id", "name" + pid);
  96.  
  97.                 let label2 = document.createElement("label");
  98.                 label2.innerHTML = "Register No. of Student " + pid + ":";
  99.                 let reg = document.createElement("input");
  100.                 reg.setAttribute("type", "text");
  101.                 reg.setAttribute("id", "reg" + pid);
  102.  
  103.                 let label3 = document.createElement("label");
  104.                 label3.innerHTML = "Mark in Subject 1 of Student " + pid + ":";
  105.                 let sub1 = document.createElement("input");
  106.                 sub1.setAttribute("type", "number");
  107.                 sub1.setAttribute("id", "sub1" + pid);
  108.                 sub1.setAttribute("placeholder", "0");
  109.  
  110.                 let label4= document.createElement("label");
  111.                 label4.innerHTML = "Mark in Subject 2 of Student " + pid + ":";
  112.                 let sub2 = document.createElement("input");
  113.                 sub2.setAttribute("type", "number");
  114.                 sub2.setAttribute("id", "sub2" + pid);
  115.                 sub2.setAttribute("placeholder", "0");
  116.  
  117.                 let label5 = document.createElement("label");
  118.                 label5.innerHTML = "Mark in Subject 3 of Student " + pid + ":";
  119.                 let sub3 = document.createElement("input");
  120.                 sub3.setAttribute("type", "number");
  121.                 sub3.setAttribute("id", "sub3" + pid);
  122.                 sub3.setAttribute("placeholder", "0");
  123.  
  124.                 let label6 = document.createElement("label");
  125.                 label6.innerHTML = "Mark in Subject 4 of Student " + pid + ":";
  126.                 let sub4 = document.createElement("input");
  127.                 sub4.setAttribute("type", "number");
  128.                 sub4.setAttribute("id", "sub4" + pid);
  129.                 sub4.setAttribute("placeholder", "0");
  130.  
  131.                 let label7 = document.createElement("label");
  132.                 label7.innerHTML = "Mark in Subject 5 of Student " + pid + ":";
  133.                 let sub5 = document.createElement("input");
  134.                 sub5.setAttribute("type", "number");
  135.                 sub5.setAttribute("id", "sub5" + pid);
  136.                 sub5.setAttribute("placeholder", "0");
  137.  
  138.                 r11.appendChild(label1);
  139.                 r12.appendChild(name);
  140.                 r1.appendChild(r11);
  141.                 r1.appendChild(r12);
  142.                 table.appendChild(r1);
  143.  
  144.                 r21.appendChild(label2);
  145.                 r22.appendChild(reg);
  146.                 r2.appendChild(r21);
  147.                 r2.appendChild(r22);
  148.                 table.appendChild(r2);
  149.  
  150.                 r31.appendChild(label3);
  151.                 r32.appendChild(sub1);
  152.                 r3.appendChild(r31);
  153.                 r3.appendChild(r32);
  154.                 table.appendChild(r3);
  155.  
  156.                 r41.appendChild(label4);
  157.                 r42.appendChild(sub2);
  158.                 r4.appendChild(r41);
  159.                 r4.appendChild(r42);
  160.                 table.appendChild(r4);
  161.  
  162.                 r51.appendChild(label5);
  163.                 r52.appendChild(sub3);
  164.                 r5.appendChild(r51);
  165.                 r5.appendChild(r52);
  166.                 table.appendChild(r5);
  167.                
  168.                 r61.appendChild(label6);
  169.                 r62.appendChild(sub4);
  170.                 r6.appendChild(r61);
  171.                 r6.appendChild(r62);
  172.                 table.appendChild(r6);
  173.                
  174.                 r71.appendChild(label7);
  175.                 r72.appendChild(sub5);
  176.                 r7.appendChild(r71);
  177.                 r7.appendChild(r72);
  178.                 table.appendChild(r7);
  179.                                
  180.                 parent.appendChild(table);
  181.             }
  182.             parent.appendChild(document.createElement("hr"));
  183.             let submit = document.createElement("input");
  184.             submit.setAttribute("type", "submit");
  185.             submit.setAttribute("name", "submit");
  186.             submit.setAttribute("id", "submit");
  187.             parent.appendChild(submit);
  188.             ancestor.appendChild(parent);
  189.             return false;
  190.         }
  191.     </script>
  192. </head>
  193. <body>
  194.     <div align="center">
  195.         <h1>Enter Unique Values Only</h1>  
  196.         <br>
  197.         <h3>BCI3001 Web Security</h3>
  198.         <h3>Lab Assignment 2, Q1</h3>
  199.         <h3>Name: Devansh Sehgal</h3>
  200.         <h3>Registration Number: 20BCE0410</h3>
  201.     </div>
  202.     <hr>
  203.     <div align="center">
  204.         <form name="num-form" onsubmit="return createForm()">
  205.             <label for="num-stu">Number of students: </label>
  206.             <input type="number" name="n" id="n">
  207.             <input type="Submit" name="submit" value="submit" id="submit">
  208.         </form>
  209.         <br>
  210.     </div>
  211.     <div align="center" id="stu-div"></div>
  212.     <div align="center" id="ans"></div>
  213. </body>
  214. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!