You are on page 1of 16

Lesson 13

1
2
<HTML>
<HEAD>
<TITLE>Javascript Example</TITLE>
<SCRIPT LANGUAGE="JavaScript"
TYPE="text/javascript">
<!--
alert("Thank you for visiting my web site!")
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
3
4
<HTML>
<HEAD>
<TITLE>example-writing on the page</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
document.write("Hello! Thank you for visiting my web site.")
//-->
</SCRIPT>
</BODY>
</HTML>

5
6
Functions Definition

function myfunction()
{
// some code
}

7
Operators in JavaScript
 + For addition of two values
 - for subtraction of two values
 * for multiplication
 / for division
 % modulus (calculating the remainder)
 ++ increment
 -- decrement

8
Logical operators
 && logical and
 || logical or
 ! logical not
 if(x<y&&x<z) { any statement }
 if(!false){ statement }

9
Comparison Operators
 == Equal
 != not equal
 < Less than
 <= less than equal
 > Greater than
 >= Greater than equal

10
<HTML>
<script language="JavaScript">
<!--
function Addit()
{
var num1=document.Calform.One.value;
var num2=document.Calform.Two.value;
alert(parseFloat(num1)+parseFloat(num2));
}

function minus()
{
var num1=document.Calform.One.value;
var num2=document.Calform.Two.value;
alert(parseFloat(num1)-parseFloat(num2));
}
//-->
</script>
<BODY>Add and Subtract Calculator
<FORM name="Calform">
<P>
First Number:<INPUT TYPE="TEXT" NAME="One" maxlength="3">
<P>
Second Number:<INPUT TYPE="TEXT" NAME="Two" maxlength="3">
<P>
<INPUT TYPE="button" NAME="Add" VALUE="Add Them!!" onclick="Addit()">
<INPUT TYPE="button" NAME="Minus" VALUE="Subtract Them!!" onclick="minus()">
<INPUT TYPE="RESET" VALUE="Reset!">
</FORM>
</BODY>
</HTML>

11
12
13
<HTML>
<HTML>
<HEAD>Add Subtract Calculator
</HEAD>
Calculator
<script language="JavaScript">
<!--
function Addit()
{
var num1=document.Calform.One.value;
var num2=document.Calform.Two.value;
document.Calform.result.value=parseFloat(num1)+parseFloat(num2);
//alert(parseFloat(num1)+parseFloat(num2));
}

function minus()
{
var num1=document.Calform.One.value;
var num2=document.Calform.Two.value;
document.Calform.result.value=parseFloat(num1)-parseFloat(num2);
//alert(parseFloat(num1)-parseFloat(num2));
}
//-->
</script>

14
<Title> My Simple Calculator</Title>
<BODY>
Calculator
<FORM name="Calform">
<P>
First Number:<INPUT TYPE="TEXT" NAME="One" maxlength="3">
<P>
Second Number:<INPUT TYPE="TEXT" NAME="Two" maxlength="3">
<P>
Result:<INPUT TYPE="TEXT" NAME="result" maxlength="9" Disabled>
<P>
<INPUT TYPE="button" NAME="Add" VALUE="Add Them!!"
onclick="Addit()">
<INPUT TYPE="button" NAME="Minus" VALUE="Subtract Them!!"
onclick="minus()">
<INPUT TYPE="RESET" VALUE="Reset!">
</FORM>
</BODY>
</HTML>

15
16

You might also like