5. IT430 Assignment 2 Solution and Discussion

IT430 Assignment 2 Solution and Discussion

  • zareen
    Cyberian's Gold

    Assignment No. 02
    Semester:Fall 2019
    E-Commerce–IT430
    Total Marks: 15

    Due Date: 02-12-2019
    Objectives:
    After solving this assignment, students will learn about:
    • HTML tags and handling of HTML tags.
    • Form creation and form elements handling in HTML.
    • Knowledge about JAVASCRIPT functions and JAVASCRIPTevents.
    Instructions:
    Please read the following instructions carefully before submitting assignment:
    It should be clear that your assignment will not get any credit if:
     The assignment is submitted after due date.
     The assignment is submitted via email.
     The assignment is copied from Internet or from any other student.
     The submitted assignment does not open or file is corrupt.
     It is in some format other than.html.
     Students are required to submit HTML code file only with .html extension.
     Don’t upload word format file(.doc) etc.
    For any query about the assignment, contact at it430u.edu.pk

    Question Statement:

    Develop \ Create a web page using Html and JavaScript for the purpose of Grade Calculation as shown below:

    Solution guidelines of this web page are given as follows:
    • Create Heading “Grade Book Calculator” using H2 tag and Welcome to online Grade Book calculator using H4 tag.
    • Create text boxes forStudent ID,Name, Father Name. Show your student ID,Name ,father name respectively.
    • CNIC format Should be followed as provided default value.
    • Before clicking on Grade Book button user must enter all subject marks otherwise alert message box should be shown like the following:

    • Create two buttons labeled as Grade Book and Reset. On onClick event of Grade Book,the JavaScript function “Gradecal()”should be called to check whether subject marks entered or not. Alert Message should be shown in case of error. If subject marks are entered in the text boxes then, Math+English+Computer/3as an average will be calculated and shown in ‘Average Marks’ text Box.
    • Grade should be calculated on the basis of average marks and shown in the alert message box. Following table should be used to calculate Grades.

    Grade calculation Grade
    Average >= 85 A+
    Average <=84 or Average >= 74 A
    Average <= 73 or Average >= 66 B
    Average < =65 or Average >= 51 C
    Average <=50 or Average >= 40 D
    Average <40 F

    Best of Luck

    0
  • cyberian
    Cyberian's

    Solution:

    <html>
  <head>
    <title>Grade Book Calculator</title>
	<script>
	  
 


function Gradecal()
 {		
       
	    
 if(window.document.frmStuGradeCal.Seng.value == "")
            {	
             window.confirm("English Marks are missing");
            }	

	else if(window.document.frmStuGradeCal.Smath.value == "")
            {	
             window.confirm("Math Marks are missing");
            }	

    else if(window.document.frmStuGradeCal.Scom.value == "")
            {	
             window.confirm("Computer Marks are missing");
            }	

     

		if(window.document.frmStuGradeCal.Tmarks.value >= 85)
            {	
             window.confirm("Your Grade is A+");
            }	

else if(window.document.frmStuGradeCal.Tmarks.value == 84 || window.document.frmStuGradeCal.Tmarks.value  >= 74)
            {	
             window.confirm("Your Grade is A");
            }	
else if(window.document.frmStuGradeCal.Tmarks.value == 73 || window.document.frmStuGradeCal.Tmarks.value  >= 66)
            {	
             window.confirm("Your Grade is B");
            }	

else if(window.document.frmStuGradeCal.Tmarks.value == 65 || window.document.frmStuGradeCal.Tmarks.value  >= 51)
            {	
             window.confirm("Your Grade is C");
            }	
else if(window.document.frmStuGradeCal.Tmarks.value == 50 || window.document.frmStuGradeCal.Tmarks.value  >= 40)
            {	
             window.confirm("Your Grade is D");
            }	


else if (window.document.frmStuGradeCal.Tmarks.value < 40)
            {	
             window.confirm("You are Fail");
            }	


         
      

				  
   }  



function focusOut() 
{



document.getElementById("yes8").value= (parseFloat(frmStuGradeCal.yes5.value) +  parseFloat(frmStuGradeCal.yes6.value)+parseFloat(frmStuGradeCal.yes7.value))/3;


	

}

function reset() 
{
     	document.getElementById("yes").value = "";
     	document.getElementById("yes1").value = "";
	document.getElementById("yes2").value = "";
     	document.getElementById("yes3").value = "";
	document.getElementById("yes4").value = "";
     	document.getElementById("yes5").value = "";
	document.getElementById("yes6").value = "";
	document.getElementById("yes7").value = "";
        document.getElementById("yes8").value = "";
}

	  
	</script>
  </head>
    <body>
     <h2 align= "Center"style="background-color:DodgerBlue;"> Grade  Book Calculator</h2>
     <h3 align= "Center"style="background-color:DodgerBlue;"> Welcome to online Grade Book  Calculator</h3>
       <form name="frmStuGradeCal" align="center">
         <table align="center">
           <tr><td>Student ID: </td><td><input type ="text" id="yes" Name="StuId" value = BC123456789 ><td  bgcolor="#FF0000">*Write your own VUID </td></td></tr><br>
           <tr><td>Name: </td><td><input type ="text" id="yes1" Name="StuName" value = "Aamir Latif" ></td></tr><br>
           <tr><td>Father Name:</td><td><input type ="text" id="yes2" Name="FatherName" value = "Abdul Latif" ></td></tr><br>
                             
			
<tr><td>CNIC:</td><td><input type ="text" id="yes4" maxlength="15" Name="StuCnic" value = "33100-1100321-5"> <td  bgcolor="#FF0000">*e.g 33100-1100321-5</td> </td></tr><br>
<tr><td>English*:</td><td><input type ="number" id="yes5" Name="Seng" onfocusout="focusOut()"></td></tr><br>
<tr><td>Math*:</td><td><input type ="number" id="yes6" Name="Smath" onfocusout="focusOut()"></td></tr><br>
<tr><td>Camputer*:</td><td><input type ="number" id="yes7" Name="Scom" onfocusout="focusOut()"></td></tr><br>
<tr><td>Average Marks:</td><td><input type ="number" id="yes8" Name="Tmarks" disabled></td></tr><br>

                 
           </table>
		   
         <input type="button" name="btncalculator" value=" Grade Book" onclick= "Gradecal()">
		         

</tr>

<tr>  </tr>

<tr >

<td >  


<input type="button" value="Reset" onClick="this.form.reset()" >
</td>

</tr>

<tr>
<td  colspan = 2>
You can press reset button for another Grade Book Calculation</td>
</tr>



       </form>
    </body>

</html>
    0
  • zareen
    Cyberian's Gold 

    <!DOCTYPE html>

<html>

<head> 
<title>IT430 ASSIGNMENT NO 2 
</title> 
</head>

<body bgcolor="@B6D53B"> 
<center> 
<h2>Grade Book Calculator</h2> 
<h4 >Welcom To Grade Book Calculator</h4>

<form id="myform"> 
<table> 
<tr>
<td>
Student_ID:
</td>
<td>
<input id="studentid" oninvalid="alert('Please Enter Student_ID ')"
type="text" placeholder="Enter your VU ID" required="required" /> 
</td>
</tr>
<tr>
<td>
Name:
</td>
<td>
<input id="nameid" oninvalid="alert('Please Enter Name ')"
type="text" required="required" /> 
</td>
</tr>

<tr>
<td>
Father Name:
</td>
<td>
<input id="fathernameid" oninvalid="alert('Please Enter Father Name ')"
type="text" required="required" /> 
</td>
</tr> 

<tr>
<td>
CNIC:
</td>
<td><input id="cnicid" pattern="^[0-9+]{5}-[0-9+]{7}-[0-9]{1}$" oninvalid="alert('Please Enter CNIC ')"
type="text" required="required" /> 
</td>
</tr>

<tr>
<td>
English:
</td>
<td><input type="text" id="englishid" oninvalid="alert('Please Enter English Marks ')"
name="english" required="required" /> 
</td>
</tr>

<tr>
<td>
Computer:
</td>
<td><input type="text" id="computerid" oninvalid="alert('Please Enter Computer Marks ')"
name="computer" required="required" /> 
</td>
</tr>
<tr>
<td>
Math:
</td>
<td><input type="text" id="mathid" oninvalid="alert('Please Enter Math Marks ')"
name="math" required="required" /> 
</td>
</tr>

<tr>
<td>
<input type="submit" onclick="calculate()"/>
<input type="reset">
</td>

</table>
</form> 
</center>

<script> 
function calculate(){
var field1 = parseInt(document.getElementById("englishid").value);
var field2 = parseInt(document.getElementById("computerid").value);
var field3 = parseInt(document.getElementById("mathid").value);

var result = (field1+field2+field3)/3;
alert(result);

}

</script>

</body>

</html>
    0
  • zareen
    Cyberian's Gold

    @SQA-Master
    please join chat room for solution code

    Chat Room

    0
  • cyberian
    Cyberian's

    Solution:

    <html>
  <head>
    <title>Grade Book Calculator</title>
	<script>
	  
 


function Gradecal()
 {		
       
	    
 if(window.document.frmStuGradeCal.Seng.value == "")
            {	
             window.confirm("English Marks are missing");
            }	

	else if(window.document.frmStuGradeCal.Smath.value == "")
            {	
             window.confirm("Math Marks are missing");
            }	

    else if(window.document.frmStuGradeCal.Scom.value == "")
            {	
             window.confirm("Computer Marks are missing");
            }	

     

		if(window.document.frmStuGradeCal.Tmarks.value >= 85)
            {	
             window.confirm("Your Grade is A+");
            }	

else if(window.document.frmStuGradeCal.Tmarks.value == 84 || window.document.frmStuGradeCal.Tmarks.value  >= 74)
            {	
             window.confirm("Your Grade is A");
            }	
else if(window.document.frmStuGradeCal.Tmarks.value == 73 || window.document.frmStuGradeCal.Tmarks.value  >= 66)
            {	
             window.confirm("Your Grade is B");
            }	

else if(window.document.frmStuGradeCal.Tmarks.value == 65 || window.document.frmStuGradeCal.Tmarks.value  >= 51)
            {	
             window.confirm("Your Grade is C");
            }	
else if(window.document.frmStuGradeCal.Tmarks.value == 50 || window.document.frmStuGradeCal.Tmarks.value  >= 40)
            {	
             window.confirm("Your Grade is D");
            }	


else if (window.document.frmStuGradeCal.Tmarks.value < 40)
            {	
             window.confirm("You are Fail");
            }	


         
      

				  
   }  



function focusOut() 
{



document.getElementById("yes8").value= (parseFloat(frmStuGradeCal.yes5.value) +  parseFloat(frmStuGradeCal.yes6.value)+parseFloat(frmStuGradeCal.yes7.value))/3;


	

}

function reset() 
{
     	document.getElementById("yes").value = "";
     	document.getElementById("yes1").value = "";
	document.getElementById("yes2").value = "";
     	document.getElementById("yes3").value = "";
	document.getElementById("yes4").value = "";
     	document.getElementById("yes5").value = "";
	document.getElementById("yes6").value = "";
	document.getElementById("yes7").value = "";
        document.getElementById("yes8").value = "";
}

	  
	</script>
  </head>
    <body>
     <h2 align= "Center"style="background-color:DodgerBlue;"> Grade  Book Calculator</h2>
     <h3 align= "Center"style="background-color:DodgerBlue;"> Welcome to online Grade Book  Calculator</h3>
       <form name="frmStuGradeCal" align="center">
         <table align="center">
           <tr><td>Student ID: </td><td><input type ="text" id="yes" Name="StuId" value = BC123456789 ><td  bgcolor="#FF0000">*Write your own VUID </td></td></tr><br>
           <tr><td>Name: </td><td><input type ="text" id="yes1" Name="StuName" value = "Aamir Latif" ></td></tr><br>
           <tr><td>Father Name:</td><td><input type ="text" id="yes2" Name="FatherName" value = "Abdul Latif" ></td></tr><br>
                             
			
<tr><td>CNIC:</td><td><input type ="text" id="yes4" maxlength="15" Name="StuCnic" value = "33100-1100321-5"> <td  bgcolor="#FF0000">*e.g 33100-1100321-5</td> </td></tr><br>
<tr><td>English*:</td><td><input type ="number" id="yes5" Name="Seng" onfocusout="focusOut()"></td></tr><br>
<tr><td>Math*:</td><td><input type ="number" id="yes6" Name="Smath" onfocusout="focusOut()"></td></tr><br>
<tr><td>Camputer*:</td><td><input type ="number" id="yes7" Name="Scom" onfocusout="focusOut()"></td></tr><br>
<tr><td>Average Marks:</td><td><input type ="number" id="yes8" Name="Tmarks" disabled></td></tr><br>

                 
           </table>
		   
         <input type="button" name="btncalculator" value=" Grade Book" onclick= "Gradecal()">
		         

</tr>

<tr>  </tr>

<tr >

<td >  


<input type="button" value="Reset" onClick="this.form.reset()" >
</td>

</tr>

<tr>
<td  colspan = 2>
You can press reset button for another Grade Book Calculation</td>
</tr>



       </form>
    </body>

</html>
    0
  • zareen
    Cyberian's Gold

    0
  • zareen
    Cyberian's Gold

    Assignment Available only for Cyberian Chat Room! Members
    Please check Live Streaming

    0
  • zareen
    Cyberian's Gold

    26184f54-1ba8-46f1-b203-4c5fa341d6b0-image.png

    0
  • zareen
    Cyberian's Gold

    @SQA-Master
    Solution is crating team ASAP!

    0 cyberian 1 Reply
  • zareen
    Cyberian's Gold

    Comping Soon Solution!

    f0237936-a8a7-4ebf-9d73-c359cd905c65-image.png

    0
  • SQA Master

    Please send solution of this Assignment

    0 zareen 2 Replies
solution 529 discussion 496 fall 2019 425 assignment 2 131 it430 4
Log in to reply
 
solution529 discussion496 fall 2019425 assignment 1209 assignment 2131 crw10174 spring 201954 gdb 148 let’s get writing36 freelancing30 gdb129 wps10128 frl10124 quiz 123 crw22 assignment 321 wordpress20 writing fiction19 quiz 218 grammar and punctuations17

    Recent Topics


  • zareen


    CS401 - Computer Architecture and Assembly Language Programming •  

    4
  • zareen


    PHY301 - Circuit Theory •  

    3
  • zareen


    ENG001 - Elementary English •  

    2
  • zaasmi


    MCM532 - Magazine Journalism •  

    1
  • zareen


    CRW101 - Creative Writing •  

    1
  • zareen


    ECO302 - Principles of Microeconomics •  

    11
  • zaasmi


    FIN704 - Managerial Accounting •  

    2
  • zareen


    CS206 - Introduction to Network Design & Analysis •  

    1
|
Copyright © 2020 Cyberian Inc. Pakistan | Contributors