:::::Students Aid:::::: July 2014

Student Name	Total	Rank
BASIT HUSSAIN QADRI	94.25	1
MUHAMMAD HUSSAIN	91.6667	2
SHAFAQ ALI MAZHAR	89.375	3
DANISH MANSOOR ALAM	89.125	4
IRMA BAIG	88	5
SYED ANAS QAMAR	86.25	6
MUHAMMAD WAQAR HASHMI	81.5833	7
SYED SAAD ALI	80.5417	8
UNAIZA SHAKEEL	79.625	9
DANISH AHMED FAROOQUE	78.875	10
MUHAMMAD MUEEZ SIDDIQUI	78.25	11
SYED MOIZ ALI	76.625	12
HASAN MUHAMMAD YOUSUF	74.3333	13
HAFIZ AFFAN BAIG	72.0417	14
HAFIZ M. JIBRAN NASEEM	71.7917	15
MUHAMMAD MUBEEN SHAHZAD	70.9167	16
SYED MUHAMMAD SHAHEER NAQVI	60.6667	17
SYED MUHAMMAD ALI	4.58333	18

Lecture # 12

Following Topics were covered in Twelfth Lecture:

prompt, confirm, alert
Click on button for text

Example 1:

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

prompt("What is your name?");
confirm("It will be closed now.");
alert("Its goona be closed now.");

</script>

</head>
</html>

Example 2:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function papu() 
{
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
</head>
<style>
p
{
 background-color:yellow;
 color:red;
}
</style>
<body>
<button onclick="papu()">Click me</button>
<p id="demo"> </p>
</body>

</html>

Lecture # 11

Following Topics were covered in Eleventh Lecture:

for loop
while loop
do-while loop

Example of for loop:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var num=prompt("Enter a number");

for (var i=1;i<11;i++)
{
 pro=num*i;
 document.write(num + " x " + i + " = " + pro);
 document.write("<br/>");
}
</script>

</head>
</html>

Example of while loop:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var num=prompt("Enter a number");
var i=1;
while(i<11)
{
 pro=num*i;
 document.write(num + " x " + i + " = " + pro);
 document.write("<br/>");
 i++;
}
</script>

</head>
</html>

Example of do-while loop:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var num=prompt("Enter a number");
var i=1;
do
{
 pro=num*i;
 document.write(num + " x " + i + " = " + pro);
 document.write("<br/>");
 i++;
}
while(i<11)
</script>

</head>
</html>

Lecture # 10

Following Topics were covered in Tenth Lecture:

JavaScript (Nested if)

Example 1:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

var name=prompt("Enter your name : ");

if (name=="talha")
 {
  prompt("Yes, he is the student of this class.");
 }
 else if (name=="umeir")
 {
  prompt("Yes, he is the student of this class.");
 }
 else if (name=="ammad")
 {
  prompt("Yes, he is the student of this class.");
 }
 else if (name=="owais")
 {
  prompt("Yes, he is the student of this class.");
 }
 else if (name=="irma")
 {
  prompt("Yes, she is the student of this class.");
 }
 else if (name=="shafaq")
 {
  prompt("Yes, she is the student of this class.");
 }
 else
 {
  prompt("he is not the student of my class.");
 }
</script>
</head>
</html>

Lecture # 09

Following Topics were covered in Ninth Lecture:

JavaScript (Add, Subtract, Multiply, Divide)
JavaScript (if-else-Grade Calculator)
HTML5 Form with Table

Example 1:

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
var num1=prompt("Enter first number : ");
var num2=prompt("Enter second number : ");

var pro=num1*num2;
var dif=num1-num2;
var div=num1/num2;
var sum=parseInt(num1) + parseInt(num2);

document.write("num1 is " + num1);
document.write("<br/>num2 is " + num2);

document.write("<br/>The product is " + pro);
document.write("<br/>The difference is " + dif);
document.write("<br/>The quotient is " + div);
document.write("<br/>The sum is " + sum);

</script>

</head>

<body>
</body>
</html>

Example 2:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

var per=prompt("Enter your percentage : ");

if (per>80)
{
 document.write("A+ grade");
}
else if (per>70)
{
 document.write("A Grade");
}
else if (per>60)
{
 document.write("B grade");
}
else
{
 document.write("You are papu bacha.");
}
</script>
</head>
</html>

Example 3:

<!DOCTYPE html>
<html>
<body>
<table>
<form autocomplete="on">
<tr>
<td>First name : </td>
<td><input type="text" name="fname" > </td>
</tr>

<tr>
<td> Last name : </td>
<td> <input type="text" name="lname" autofocus> </td>
</tr>

<tr>
<td>Enter a number between 18 and 100 : </td>
<td> <input type="number" min="18" max="100"> </td>
</tr>

<tr>
<td>Select files to upload :</td> 
<td> <input type="file" multiple> </td>
</tr>

<tr>
<td>Enter your email Id : </td>
<td> <input type="email" placeholder="abc@papu.com"> </td>
</tr>

<tr>
<td>Username : </td> 
<td><input type="text" required> </td>
</tr>

<tr>
<td>Enter a number multiple of 5 : </td>
<td> <input type="number" step="5"> </td>
</tr>

<tr>
<td> <input type="submit" value="Papu"> </td>
</tr>

</form>
</table>
</body>
</html>

Lecture # 08

Following Topics were covered in Eighth Lecture:

Transition
Animation

Example of Transition:

<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background-color:red;
transition:height 2s;
-webkit-transition:height 2s;
}
div:hover
{
height:300px;
}

</style>
</head>
<body>

<div> </div>

</body>
</html>

Example of Animation:

<!DOCTYPE html>
<html>
<head>
<style>
div
{
height:100px;
width:200px;
background-color:green;
-webkit-animation:papu 15s;
animation: papu 15s;
}
@-webkit-keyframes papu
{
from {background-color:black;}
to {background-color:yellow;}
}
</style>
</head>
<body>

<div> yeh papu papu kia ha </div>

</body>
</html>