Intro to JavaScript

Intro to JavaScript

By Menna Rouby

Unit
Three

Introduction
to JavaScript

Objectives

● Recognize Javascript statements
● Recognize the basic rule of HTML .
● Differentiate the three ways to

write Script with HTML

1. In the same HTML file.

- In Head section
- In Body Section

● Call Function statement.

Develop Interactive

Webpage

To develop your Form data registration

page project so that it becomes

Interactive page, we will need to add

some

JavaScript language statements.

Web Technologies depend on three
main layers (HTML - CSS -
Javascript).

What’s Javascript JS Can do?

What’s Javascript JS Can do?

JavaScript is

1. Scripting or programming language

2. Allows you to implement complex features on web

pages — every time a web page does more than just

display static information.

3. Displaying

1. timely content updates,

2. interactive maps,

3.animated 2D/3D graphics,

4.scrolling video jukeboxes, etc.

5. download and upload files.

6.ask questions to the visitor, show messages.

Javascript
Statements

are JavaScript commands and
instructions.
Examples of JS statements:

- Create function statement.

- Call function

- Branching If condition

statement.

Basic

fundamental of JS

- each statement must end with a

semicolon ;

- JS is a case sensitive:

the letter case must be
considered while writing JS
statements.

1. Create script
inside HTML
File

1. Js statements are written inside

<script> </script> element

2. <script> element can be placed in

the <head> or <body> section of

an HTML document.

Call Function
Statement

alert (argument);

1. used for displaying a message via a

dialogue box.

2. Example:

alert (“you submit the application
successfully ”);

Notice that, the message must be
written within double high quotations.

Call Function
Statement

alert (“string”);

1. Example 2:

alert (“welcome ”);

Call Function
Statement

document.write(“ “ );;

statement is used for displaying text
within a webpage contents.

1. Example:

document.write(“Error 505”);

Wish The Best.

Good Luck.

Open Ended

the right statement to Call alert function

Multiple Choice

A programming language is case sensitive and used to create interactive web pages……………

• JavaScript

• HTML

Open Ended

the right statement to Call document.write function

Multiple Choice

(...................) is JavaScript statements grouped together in a named block and performed according to the call it.

• Function

• HTML

Multiple Choice

(............................. ) used for displaying a dialogue box with a message to the user.

• alert( " ");

• document.write(" ");

Multiple Choice

Used for displaying message inside the same page (written text). (...................................)

• alert( " ");

• document.write(" ");

Multiple Choice

Javascript statements are written between tags ……………………………

• alert( " ");

• <script> .. </script>

Multiple Choice

Each javascript statement should be ended with the sign ……………..

• ;

• /

Multiple Choice

Write the java script statements between ………………….. and ……………………

• Head and body

• messages

Multiple Choice

If you want JavaScript statements to be implemented when an event  occurs (such as button click), you should use a …………………………..……………….... to execute a certain task or function.

• Onclick

• messsage

Multiple Choice

Form is used to record your data in the webpage.( )

• True

• False

Multiple Choice

Java script statements are not  written in separated file nor in html file.( )

• True

• False

Multiple Choice

The java script statement should be finished with (;). (  )

• True

• False

Multiple Choice

 There is no different between capital and small letters in java script statements.( ) 

• True

• False

Multiple Choice

The java script statements are written between tags <script> ..<script>.( )

• True

• False