Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
4 views

Javascript Introduction

Uploaded by

azhagu sundari
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
4 views

Javascript Introduction

Uploaded by

azhagu sundari
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 29

INTRODUCTION TO

JAVASCRIPT
JAVASCRIPT
• JavaScript is used in millions of Web pages to
improve the design, validate forms, detect
browsers, create cookies, and much more.
• JavaScript is the most popular scripting
language on the internet, and works in all
major browsers, such as Internet Explorer,
Mozilla, Firefox, Netscape, Opera.
WHAT IS JAVASCRIPT?
• JavaScript was designed to add interactivity to HTML
pages
• JavaScript is a scripting language (a scripting language is
a lightweight programming language)
• A JavaScript consists of lines of executable computer
code
• A JavaScript is usually embedded directly into HTML
pages
• JavaScript is an interpreted language (means that scripts
execute without preliminary compilation)
• Everyone can use JavaScript without purchasing a license
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
• Variables are used to store data.
• A variable is a "container" for information you want
to store. A variable's value can change during the
script. You can refer to a variable by name to see its
value or to change its value.
• Rules for variable names:
– Variable names are case sensitive
– They must begin with a letter or the underscore character
• strname – STRNAME (not same)
JavaScript Operators
Arithmetic Operators
Operator Description Example Result

+ Addition x=2 4

(İşleçler, iki ya da daha fazla değer y=2

üzerinde işlem yapılmasını sağlar. x+y


- Subtraction x=5 3
JavaScript içinde aritmetik ve y=2
hesaplama işleçleri olmak üzere iki x-y
tür işleç kullanılır) * Multiplication x=5 20
y=4
x*y
/ Division 15/5 3
5/2 2,5
% Modulus (division 5%2 1
remainder)
10%8 2
10%2 0
++ Increment x=5 x=6
x++
-- Decrement x=5 x=4
x--
JavaScript Operators – 2
Assignment Operators Operator Example Is The Same As
(Atama deyimi (=), bir değişkene bir
değerin atanmasını sağlar. = x=y x=y
Değişkenlere türlerine ve
tanımlamalarına uygun olan += x+=y x=x+y
herhangi bir değer atanabilir.)
-= x-=y x=x-y

*= x*=y x=x*y

/= x/=y x=x/y

%= x%=y x=x%y
JavaScript Operators - 3
Comparison Operators Operator

==
Description

is equal to
Example

5==8 returns false


(Karşılaştırma işleci, iki ya da daha çok
=== is equal to (checks for x=5
değeri birbiriyle karşılaştırarak True both value and
y="5"
type)
ya da False olarak mantıksal bir
değer döndürür.) x==y returns true

x===y returns
false

!= is not equal 5!=8 returns true

> is greater than 5>8 returns false

< is less than 5<8 returns true

>= is greater than or equal 5>=8 returns false


to

<= is less than or equal to 5<=8 returns true


JavaScript Operators - 4
Logical Operators
Operator Description Example

&& and x=6

(İkili işleçler birden çok karşılaştırma y=3

işlemini tek bir koşul ifadesi olarak


birleştirirler.) (x < 10 && y > 1)
returns true

|| or x=6

y=3

(x==5 || y==5)
returns false

! not x=6

y=3

!(x==y) returns
true
JavaScript Basic Examples
<script>
document.write("Hello World!")
</script>  format text with HTML code - heading

<script>
alert("Hello World!")
</script>
Example
<script>
x=“Hello World!”
document.write(x)
</script>

<script>
x=“İsminizi Yazın….”
document.write(“Merhaba” +x)
</script>  use line break html code
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.
Prompt Box Example
<script>
x=prompt (“Adınızı Yazınız”, “ ”)
document.write(“Merhaba <br>”,+x)
</script>
JS Examples -1

<script>
x=3
y=20*x+12
alert(y)
</script>
Examples -3

<script>
s1=12
s2=28
toplam=s1+s2
fark=s1-s2
carp=s1*s2
bol=s1/s2
document.write("<br>Değişkenlerdeki sayılarla ilgili aritmetik işlemler...<br>")
document.write("<br>Sayıların toplamı: "+toplam)
document.write("<br>Sayıların farkı: "+fark)
document.write("<br>Sayıların çarpımı: "+carp)
document.write("<br>1.sayının 2.sayıya bölümü: "+bol)
alert("Hesaplamalar sona erdi!")
</script >
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
Conditional Statements - 2
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 Examples
<script>
x=3
if(x<0)
{
alert (“negatif”)
}
else
{
alert (“pozitif”)
}
</script>
Conditional Statements Examples - 2
<script>
c=confirm(“Kitap Okuyor musunuz?”)
if(c)
{
alert (“tebrikler walla”)
}
else
{
alert (“ayıp ettiniz ama”)
}
</script>
Conditional Statements Examples - 3
<script>
p=prompt("Ankara'nın plaka numarası nedir?", " ")
if(p=="06")
{
alert("Doğru")
}
else
{
alert("Yanlış")
}
</script>

You might also like