ECI3164 -Internet Applications Development (LAB4)


<html>
<header><title>Marks Calculator</title>
<style>
.txt{
 padding:5px;
 font-size:18px;
 -moz-border-radius: 10px;
 border-radius: 10px;
    border:solid 2px #D7DFEA;
}
</style>
</header>

<body>

<form name="myForm" method="get">

 <div style="padding:50px;">
 <h2>Marks Calculator</h2>
 <div width="50%" style="float: left;padding:50px;background-color:#EEEEEE;height: 100%;">
   LAB1:<br>
   <input type="text" name="lab1" class="txt" value="0" maxlength="20" required>100%
   <br>
   LAB2:<br>
   <input type="text" name="lab2" class="txt" value="0" maxlength="20" required>100%
   <br>
   LAB3:<br>
   <input type="text" name="lab3" class="txt" value="0" maxlength="20" required>100%
   <br>
   
   TMA1:<br>
   <input type="text" name="tma1" class="txt" value="0" maxlength="20" required>100%
   <br>
   OQ1:<br>
   <input type="text" name="oq1" class="txt" value="0" maxlength="20" required>100%
   <br>
   MP1:<br>
   <input type="text" name="mp1" class="txt" value="0" maxlength="20" required>100%
   <br>   
   <br>
 </div>
 
 
 <div width="50%" style="float: left;padding:50px;background-color:#EEEEEE;height: 100%;"> 
 
  CA:<br/><div id="ca_print" onclick="calculate_ca()" title="Click to calculate CA" style="background-color:#FF9900;width:150px;font-size:20px;padding:5px;color:#fff;cursor: pointer;" align="center">Click here to Calculate CA</div><br/>
  
  <div id="eligiblility" style="background-color:#FF9900;width:150px;font-size:20px;padding:5px;color:#fff;" align="center">eligiblility</div>
  
  <br><br>
  FE:<br>
  <input type="text" id="febox" class="txt" disabled>100%
  
  <br/><br/>
  <div id="finalz" onclick="final_z()" title="Click to calculate Z" style="background-color:#FF9900;width:150px;font-size:20px;padding:5px;color:#fff;cursor: pointer;" align="center">Click here to Calculate Final Z</div>
  <br><br>
  
  </div>
 </div>
 
</form>
 
</body>
<script type="text/javascript">
 
 document.getElementById("febox").disabled = true;
 
 function calculate_ca() {
    //Make variables
 var lab1 = parseInt(document.forms["myForm"]["lab1"].value);
 var lab2 = parseInt(document.forms["myForm"]["lab2"].value);
 var lab3 = parseInt(document.forms["myForm"]["lab2"].value);
  
 var tma1 = parseInt(document.forms["myForm"]["tma1"].value);
 var oq1 = parseInt(document.forms["myForm"]["oq1"].value);
 var mp1 = parseInt(document.forms["myForm"]["mp1"].value);
 
 //start validate 0-100 marks
 if (0>=lab1 || lab1>=100){
  alert("Error! :Lab1 should be in between 0-100");
  return false;
 }
 if (0>=lab2 || lab2>=100){
  alert("Error! :Lab2 should be in between 0-100");
  return false;
 }
 if (0>=lab3 || lab3>=100){
  alert("Error! :Lab3 should be in between 0-100");
  return false;
 }
 if (0>=tma1 || tma1>=100){
  alert("Error! :TMA1 should be in between 0-100");
  return false;
 }
 if (0>=oq1 || oq1>=100){
  alert("Error! :OQ1 should be in between 0-100");
  return false;
 }
 if (0>=mp1 || mp1>=100){
  alert("Error! :MP1 should be in between 0-100");
  return false;
 }
 //End Validate
 
 
 var slab;
 var sblab;
 //make slab.sblab
 if (lab1 > lab2)
  slab = lab1;
 else
  slab = lab2;
   
 if (lab2 > lab3)
  sblab = lab2;
 else
  sblab = lab3; 
  
  
 //CA Marks = (OQ*0.1 + TMA*0.2 + Avg(BLAB+SBLAB)*0.3 + MP*0.4) *100 %
 var ca = (oq1*0.1 + tma1*0.2 + ((slab+sblab)/3)*0.3 + mp1*0.4);
 
 //Round Integer print
 document.getElementById("ca_print").innerHTML = Math.round(ca);
 
 //Eligibility criteria is : {OQ*0.1 + TMA*0.2 + Avg(BLAB+SBLAB)*0.3 + MP*0.4} >= 0.4 And MP>=0.4
 if (ca >= 40 && mp1 >= 40)
 {
  document.getElementById("eligiblility").innerHTML = "Pass";
  document.getElementById("eligiblility").style.backgroundColor = '#12BA5C';
  document.getElementById("febox").disabled = false;
 }else
 {
  document.getElementById("eligiblility").innerHTML = "Fail";
  document.getElementById("eligiblility").style.backgroundColor = '#CD0100';
 }

 }
 
 
 
 function final_z(){
 
 var lab1 = parseInt(document.forms["myForm"]["lab1"].value);
 var lab2 = parseInt(document.forms["myForm"]["lab2"].value);
 var lab3 = parseInt(document.forms["myForm"]["lab2"].value);
 var tma1 = parseInt(document.forms["myForm"]["tma1"].value);
 var oq1 = parseInt(document.forms["myForm"]["oq1"].value);
 var mp1 = parseInt(document.forms["myForm"]["mp1"].value);
 
 var ca = (oq1*0.1 + tma1*0.2 + ((lab1+lab2+lab3)/3)*0.3 + mp1*0.4); 
 var fe = parseInt(document.getElementById("febox").value); 
 var z=0;
 
 if (fe > 40)
   z = (ca * 0.5) + (fe * 0.5);
  else
  z = fe;

 var result=0;
 
  if (z >= 85){
   result = "A+";
  }else if (75<= z && z <85){
   result = "A";
  }else if (70<= z && z <75){
   result = "A-";   
  }else if (63<= z && z <70){
   result = "B+";
  }else if (55<= z && z<63){
   result = "B";
  }else if (50<= z && z<55){
   result = "B-";
  }else if (45<= z && z<50){
   result = "C+";
  }else if (40<= z && z<45){
   result = "C";
  }else if (35<= z && z<40){
   result = "C-";
  }else if (30<= z && z<35){
   result = "D+";
  }else if (20<= z && z<30){
   result = "D-";  
  }else if (20 > z){
   result = "E";
  }else{
   result = "F";
  } 

  document.getElementById("finalz").innerHTML = result;
 }
 
 
</script>
</html>
Marks Calculator

Marks Calculator

LAB1:
100%
LAB2:
100%
LAB3:
100%
TMA1:
100%
OQ1:
100%
MP1:
100%

CA:
Click here to Calculate CA

eligiblility


FE:
100%

Click here to Calculate Final Z


0 comments:

Post a Comment