Report

JAVASCRIPT INTRODUCTION
● Java is client side scripting language

● JavaScript is used in millions of Web pages to improve the design, validate forms, detect
browsers, create cookies, and much more.
Most Popular scripting language in internet
● JavaScript was designed to add interactivity to HTML pages
● JavaScript is a scripting language (a scripting language is a lightweight programming
language)
● A JavaScript is usually embedded directly into HTML pages
● JavaScript is an interpreted language (means that scripts execute without preliminary
compilation)
Are Java and JavaScript the Same?
● NO!
Java and JavaScript are two completely different languages in both concept and design!
Java (developed by Sun Microsystems) is a powerful and much more complex
programming language - in the same category as C and C++.
How to Put a JavaScript Into an HTML Page?
<html>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
</body>
</html>
Ending Statements With a Semicolon?
● With traditional programming languages, like C++ and Java, each code statement has to
end with a semicolon (;).
Many programmers continue this habit when writing JavaScript, but in general,
semicolons are optional! However, semicolons are required if you want to put more than
one statement on a single line.
JavaScript Variables
● JavaScript Variables
● Variables are used to store data.
● VAR keyword is used
● Rules for variable names:
Variable names are case sensitive
They must begin with a letter or the underscore character
strname – STRNAME (not same)
Array
● In JavaScript, array is a single variable that is used to store different elements.

● It is often used when we want to store list of elements and access them by a single
variable.
//declaration method 1
var name_of_array = [...];
//declaration method 2
var name_of_array = new Array(...);
JavaScript Basic Examples
● <script>
document.write("Hello World!")
</script> ⇒ format text with HTML code - heading
<script>
alert("Hello World!")
</script>
JavaScript Popup Boxes
● Alert Box
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.
<script>
alert("Hello World!")
</script>
JavaScript Popup Boxes - 2
● Confirm Box
A confirm box is often used if you want the user to verify or accept something.
When a confirm box pops up, the user will have to click either "OK" or "Cancel" to
proceed.
If the user clicks "OK", the box returns true. If the user clicks "Cancel", the box returns
false.
JavaScript Popup Boxes - 3
● Prompt Box
A prompt box is often used if you want the user to input a value before entering a page.
When a prompt box pops up, the user will have to click either "OK" or "Cancel" to
proceed after entering an input value.
If the user clicks "OK“, the box returns the input value. If the user clicks "Cancel“, the box
returns null.
Examples -2
<script>
s1=12;
s2=28;
total=s1+s2;
alert(“ total is :” +total);
</script>
Output : total is 40
Conditional Statements
● Very often when you write code, you want to perform different actions for different
decisions. You can use conditional statements in your code to do this.
● In JavaScript we have the following conditional statements:
if statement - use this statement if you want to execute some code only if a specified
condition is true
● if...else statement - use this statement if you want to execute some code if the condition
is true and another code if the condition is false
● if...else if....else statement - use this statement if you want to select one of many blocks
of code to be executed
switch statement - use this statement if you want to select one of many blocks of code to
be executed
if (condition)
{
code to be executed if condition is true
}
if (condition)
{
code to be executed if condition is true
}
else
{
code to be executed if condition is not true
}
Conditional Statements Example
<script>
x=3
if(x<0)
{
alert (“neg”)
}
else
{
alert (“pos”)
}
</script>
Function
 A function is a subprogram designed to perform a particular task.
 Values can be passed into functions and used within the function.
 Functions always return a value. In JavaScript, if no return value is specified, the

function will return undefined.
Syntax
 //declaration
function name(parameters){
statements
}
//we can pass in up to 255 parameters!
--------------------------------------------------------
//calling
name() ;
Let's Play A Game
ROCK PAPER SCISSOR
User choice(input)
Computer choice
{
Random choice
}
Compare(function)
{
All possibilities
}
Display(output)
PROGRAM
<html>
<head>
<h1>Rock, Paper, Scissors</h1>
</head>
<body>
<link rel="stylesheet" type="text/css" href="styles.css">
<script>
// User choice
var userChoice = prompt("Do you choose rock, paper or scissors?");
if (! userChoice) {
// User choice was undefined

document.write("Player mcu, you cheated! Refresh this screen and fight like a
man");
}
else {
// Display user choice

document.write("Player mcu:" + " " + userChoice);
}
// Computer choice
var computerChoice = Math.random();
if (computerChoice < 0.34) {
computerChoice = "rock";
} else if(computerChoice <= 0.67) {
computerChoice = "paper";
} else {
computerChoice = "scissor";
}
// Display computer choice
document.write("<p>Computer:" + " " + computerChoice + "</p>");
// Compare user choice vs computer choice

var compare = function(choice1,choice2) {
if (choice1 === choice2) {
return "It's a tie !";
}
if (choice1 === "rock") {

if (choice2 === "scissors") {
// rock wins
return "You win !";
} else {
// paper wins
return "You lose ! Try again.";
}
}
if (choice1 === "paper") {

// paper wins
return "You win !";
} else {
// scissors wins
}
}
if (choice1 === "scissors") {

// rock wins
} else {
// scissors wins
return "You win ! ";
}
}
else{
return "Enter valid choice";
}
};
// Run the compare function

var results = compare(userChoice,computerChoice);
// Display results
document.write( "<hr>"+results);
</script>
</body>
</html>

Report

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Report

Hochgeladen von

Copyright:

Verfügbare Formate

JAVASCRIPT INTRODUCTION

● Java is client side scripting language

Are Java and JavaScript the Same?

How to Put a JavaScript Into an HTML Page?

Ending Statements With a Semicolon?

● Rules for variable names:

Variable names are case sensitive

They must begin with a letter or the underscore character

strname – STRNAME (not same)

● In JavaScript, array is a single variable that is used to store different elements.

var name_of_array = [...];

var name_of_array = new Array(...);

JavaScript Basic Examples

JavaScript Popup Boxes - 2

JavaScript Popup Boxes - 3

 A function is a subprogram designed to perform a particular task.

 Functions always return a value. In JavaScript, if no return value is specified, the

ROCK PAPER SCISSOR

// User choice was undefined

// Display user choice

// Compare user choice vs computer choice

if (choice1 === "rock") {

if (choice1 === "paper") {

if (choice1 === "scissors") {

// Run the compare function

Das könnte Ihnen auch gefallen