Professional Documents
Culture Documents
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