Message Box in JS

JAVASCRIPT POPUP BOXES
Zakho Technical Institute
IT Dept.
16-Feb.-2015

JAVASCRIPT POPUP BOXES
 There are three message boxes:
alert, confirm, and prompt. Let's look at the
first one:

ALERT
 An alert box is often used if you want to make sure
information comes through to the user.
 When an alert box pops up, the user will have to click
"OK" to proceed.
 <body>
 <script>
 alert("Welcome to my site!")
 </script>
 </body>
You can put whatever you want inside the quotation marks.

CONFIRM
 <body>
 <script>
 confirm("Are you sure you want to quit?")
 </script>
 </body>

PROMPT
 Prompt box is used to allow a user to enter
something according the promotion:

EXAMPLE
 <script>
 var x=confirm("Are you sure you want to
quit")
 if (x)
 alert("Thank you.")
 else
 alert("Good choice.")
 </script>

EXAMPLE
 <html><head> <script>
 var x=confirm("Are you sure you want to
quit?")
 if (!x)
 location="http://www.yahoo.com"
</script></head>
 <body> Welcome to my website!.
 </body></html>If you click "cancel", it will take you to yahoo, and clicking ok will continue with the loading
of the current page "Welcome to my website!". Note:if (!x)means: if click "cancel". In
JavaScript, the exclamation mark ! means: "none".

EVENT HANDLER
 What are event handlers?
They can be considered as triggers that
execute JavaScript when something
happens, such as click or move your mouse
over a link, submit a form etc.

 onClick
onClick handlers execute something only when
users click on buttons, links, etc. Let's see an
example:
 <script>
 function ss()
 { alert("Thank you!") }
 </script>
 <form>
 <input type="button" value="Click here"
onclick="ss()">
 </form>
The function ss() is invoked when the user clicks the button. Note: Event
handlers are not added inside the<script> tags, but rather, inside the html
tags.

JAVASCRIPT SPECIAL CHARACTERS
 In JavaScript you can add special characters to a
text string byInsert Special Characters
 The backslash () is used to insert apostrophes,
new lines, quotes, and other special characters
into a text string.
 Look at the following JavaScript code:
 using the backslash sign.

EXAMPLE
 var txt="We are the so-called "Vikings" from
the north.";
document.write(txt);
 In JavaScript, a string is started and stopped
with either single or double quotes. This means
that the string above will be chopped to:
We are the so-called
 To solve this problem, you must place a
backslash () before each double quote in
"Viking". This turns each double quote into a
string literal:

EXAMPLE
 var txt="We are the so-called "Vikings" from
the north.";
document.write(txt);
 JavaScript will now output the proper text
string: We are the so-called "Vikings" from
the north.
 The table below lists other special characters
that can be added to a text string with the
backslash sign:

BREAK UP LINE
 document.write("Hello World!");
 or
 document.write ("Hello World!");
 which is right ...?

ARRAY
 Create an Array
 An array can be defined in three ways.
 The following code creates an Array object
called myCars:
 var myCars=new Array(); // regular array (add
an optional integer
myCars[0]="Saab"; // argument to control
array's size)
myCars[1]="Volvo";
myCars[2]="BMW";

ARRAY
 var myCars=new
Array("Saab","Volvo","BMW"); // condensed
array
 var myCars=["Saab","Volvo","BMW"]; // literal
array

ACCESS AN ARRAY
 You can refer to a particular element in an
array by referring to the name of the array
and the index number. The index number
starts at 0.
 The following code line:
 Document.write(myCars[0]);
 will result in the following output:
 Saab

EXAMPLE
 Create an array for Web shoppe contains 5
element:
 customer's name
 customer's date of birth
 customer's address
 customer's phone number
 total bill amount

QUESTIONS GAME .....
 Choose ur favourite no.
1
2
15
3
4
5
6
7
8
9
10
12
16
14
12
13
1
11

1
 True or false :
 JS is usually embedded directly into html
pages ................

2
 How can u write a comments in JS ....?

3
 The “radio” element used for selecting one of
many choice ....>>>>> T or F ......

4
 The <txet area> defines a multiline input field
(a text area)..
T or F

5
 The “checkbox” is the same as
“radiobutton”...
 T or F

6
 In CSS .... Border clear an area around
the contents ..
 T or F .. Correct if F

7
 What is the full word of HTML .....?

8
 JS is sensitive for letter ....isn’t it ?explain

9
 Define .......
“World Wide Web”

10
 Http mean” Hyper ......... ........ ........”

11
 Can you clarify the meaning of “URL” ..?

13
 Clarify with example the syntax of CSS ...

14
 The id selector is defined with “{“ ...
 T or F

15
 What are event handlers?

16
 How many message boxes did we have in
JS ?
 Explain with examples......

Message Box in JS

More Related Content

What's hot (12)

Similar to Message Box in JS (20)

Recently uploaded (20)

Message Box in JS

Editor's Notes