JAVASCRIPT

JAVASCRIPT
JavaScript mund te ndryshoj HTML
HTML DOM eshte standarte per aksesimin e
elementeve HTML.
Duke perdorur DOM, JavaScript mund te
ndryshoj dhe manipuloj HTML.
Mund te perdorim JavaScript per te:
 Ndryshuar permbajtjen HTML
 Ndryshuar atributet HTML
 Ndryshuar stilet HTML
JavaScript eshte case-sensitive.
Variablat
var myColor;
alert (“myColor = “ + myColor);
var myColor = “green”;

Emrat e variablave fillojne me shkronje,

underscore (_), ose shenjen e dollarit dollar
($).

var myFavoriteNumber;
PRIMITIVE DATATYPES
Ka pese tipe primitive datatypes:
❑ Number
❑ String
❑ Boolean
❑ Undefined
❑ Null
Tipi Number përfshin numra të plotë dhe numra me presje.
Tipi String përfshin çdo grup të një ose më shumë karaktere.
Një varg dallon nga një numër duke mbyllur atë në thonjëza.
Për shembull, "5" është një varg, ndërsa 5 është një numër.
Lloji Boolean ka dy vlera: e vërtetë dhe e gabuar.
Tipi i padefinuar ka vetëm një vlerë: të pacaktuar. Një vlerë e
padefinuar ndodh kur një ndryshore është deklaruar
por nuk është caktuar një vlerë, siç tregohet më herët për
variablën myColor.
Lloji Null gjithashtu ka vetëm një vlera: null. Një vlerë null
tregon se objekti në fjalë nuk ekziston.
Ju nuk duhet të përfshini një lloj të të dhënave kur deklaroni
ose inicializoni një variabël JavaScript.
Përdor JavaScript typing dinamike - tipi i të dhënave është
nxjerrë nga konteksti i deklaratës JavaScript. Kjo gjithashtu do
të thotë se variabla e njëjtë mund të përdoret për lloje të
ndryshme të të dhënave në kohë të ndryshme, siç tregohet
këtu:
var myNumber = “lucky”;
// myNumber contains a string
myNumber = 3;
// myNumber contains a number
 Tipet e referencës në JavaScript përmbajnë
një referencë për një vend në kujtesë që
mban të dhënat, në vend te vetë të dhënes.
Lloji i objektit (si dhe kategoritë e veçanta
të objektit si Array dhe Funksioni) është një
lloj i të dhënave referencë.
function myArray(a) {
var a[0] = 5;
}
var nextArray = [1, 2, 3];
myArray(nextArray);
alert (“nextArray = “ + nextArray);
Operatoret
Operatorët ju mundësojnë të kryeni një
veprim në një ndryshore. Operatorët bazë
JavaScript përfshijnë percaktimin,
aritmetikën, krahasimin, logjikën, dhe
operatorët e rritjes / zvogëlimit.
JavaScript perfshin operatoret addition (+), subtraction
(-), multiplication (*), and division (/).
var a = 5;
var b = 10;
var c = a + b;
// c = 15
a = “My”;
b = “ name”;
c = a + b;
// c =”My name”
var myMod = 16%5;
// myMod = 1
> Greater than
< Less than
>= Greater than or equal to
<= Less than or equal to
== Equal to
!= Not equal to
=== Equal and the same type
!== Not equal or not the same type
var a = 1;
a++;
// a = 2
var b = 45;
b-- ;
// b = 44
var a = 1;
alert(++a);
 alert (a++);
A for loop includes three components:
❑ Initialization
❑ Test condition
❑ Iterator (counter)
for (i=0; i<=10; i++) {
document.write(“i = “ + i + “<br>”);
}
var i=0;
while (i <= 10){
document.write(“i = “ + i + “<br>”);
i++;
}
var i = 0;
do {
document.write(“i = “ + i + “<br>”);
i++;
}
while (i <=10);
var i = 0;
do {
document.write(“i = “ + i + “<br>”);
i++;
}
while (i <=10);
Një funksion është një grup i ri-përdorshëm i deklaratave të
kodit që trajtohen si njësi.
JavaScript përfshin shumë funksione të ndërtuara, dhe
gjithashtu mund të krijoni funksionet tuaja për blloqet e kodit
që dëshironi të ripërdoreni.
Përkufizimet e funksioneve zakonisht përfshihen në blloqet e
shkrimit në seksionin kokë të një HTML / XHTML faqe.
Një funksion duhet të përcaktohet para se të mund të
përdoret. Sepse kodi në seksionin kokë të faqes lexohet dhe
interpretohet para kodit në seksionin e trupit,
funksionet zakonisht përcaktohen në seksionin e kokës dhe
thirren nga seksioni i trupit.
Per te krijuar nje funksion I japim nje emer:
function myCat (catname) {
alert (catname + “ is a great name for a cat!”);
}
Per te thirrur funksionin perdorim emrin:
myCat(“Jobo”);
A function includes the function keyword and
the following:
❑ A name — myCat
❑ A parameter in parentheses — (catname)
❑ A code block between curly braces —
{alert (catname + “ is a great name for a
cat!”);}
function shopping (price) {
var salesTax = price * .0625;
var total = price + salesTax;
return total;
}
SHEMBULL
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html;
charset=iso-8859-1” />
<title>Address Book</title>
<style type=”text/css”>
.ab {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #993300;
background-color: #CCFFCC;
padding: 5px;
height: 100px;
width: 350px;
border: thin dotted #993300;
}
</style>
<script type=”text/javascript”>
function addrBook (fname, lname, email) {
this.fname= fname;
this.lname = lname;
this.email = email;
var adrbook = “<p class=’ab’>First Name: “ + fname + “<br />”;
adrbook += “Last Name: “ + lname + “<br />”;
adrbook += “Email Address: “ + email + “</p>”;
document.write(adrbook);
}
</script>
</head>
<body>
<script type=”text/javascript”>
var aB1 = new addrBook(‘Roger’, ‘Williams’, ‘[email protected]’);
var aB2 = new addrBook (‘Rose’, ‘Schultz’, ‘[email protected]’);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p>JavaScript can change the content of an HTML element:</p>

<button type="button" onclick="myFunction()">Click Me!</button>

<p id="demo">This is a demonstration.</p>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<p>Click the light bulb to turn on/off the light.</p>

<script>
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match("bulbon")) {
image.src = "pic_bulboff.gif";
} else {
image.src = "pic_bulbon.gif";
}
}
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<p>Please input a number between 1 and 10:</p>

<input id="numb" type="number">

<button type="button" onclick="myFunction()">Submit</button>

<p id="demo"></p>

<script>
function myFunction() {
var x, text;

// Get the value of input field with id="numb"

x = document.getElementById("numb").value;

// If x is Not a Number or less than one or greater than 10

if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid";
} else {
text = "Input OK";
}
document.getElementById("demo").innerHTML = text;
}
</script>

</body>
</html>
 Kodet e jashtme JavaScript mund te
vendosen gjithashtu ne file te jashtme.
Kodet e jashtme jane praktike kur I njejti
kod perdoret ne faqe webi te ndryshme.
Filet ne JavaScript kane prapashtesen .js.
JavaScript mund “te shfaq “ te dhena ne
menyra te
ndryshme:
 Duke shkruar ne nje alert box, duke
perdorur window.alert().
 Duke shkruar ne nje HTML output duke
perdorur  document.write().
 Duke shkruar ne nje HTML element, duke
perdorur  innerHTML.
 Duke shkruar ne browser, duke perdorur
 console.log().
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My first paragraph.</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My first paragraph.</p>

<script>
document.write(5 + 6);
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<p>Variables (x, y, and z) are assigned values (5, 6, and 11):</p>

<p id="demo"></p>

<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<p>Strings can be written with double or single quotes.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>

</body>
</html>
FUNKSIONET JAVASCRIPT 

<!DOCTYPE html>
<html>
<body>

<p>This example calls a function which performs a calculation, and returns the result:</p>

<p id="demo"></p>

<script>
function myFunction(a, b) {
return a * b;
}
document.getElementById("demo").innerHTML = myFunction(4, 3);
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<p>Accessing a function without (), will return the function definition:</p>

<p id="demo"></p>

<script>
function toCelsius(f) {
return (5/9) * (f-32);
}
document.getElementById("demo").innerHTML = toCelsius;
//document.getElementById("demo").innerHTML = toCelsius(32);
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"The temperature is " + toCelsius(32) + " Centigrade";

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<p>Creating a JavaScript Variable.</p>

<p id="demo"></p>

<script>
var car = "Fiat";
document.getElementById("demo").innerHTML = car;
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<p>Creating a JavaScript Object.</p>

<p id="demo"></p>

<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

document.getElementById("demo").innerHTML =
person.firstName + " is " + person.age + " years old.";
</script>

</body>
</html>
 Ne JavaScript, objektet dhe funksionet,
jane gjithashtu variabla.
Ne JavaScript, qellimi eshte bashkesia e
variablave, objekteve, dhe funksioneve qe
ju duhet te aksesoni.
JavaScript ka qellim ne nje funksion: Qellimi
ndryshon brenda funksionit.
<!DOCTYPE html>
<html>
<body>

<p>A GLOBAL variable can be accessed from any script or function.</p>

<p id="demo"></p>

<script>
var carName = "Volvo";
myFunction();

function myFunction() {
document.getElementById("demo").innerHTML =
"I can display " + carName;
}
</script>

</body>
</html>
 JavaScript ju lejon juve te ekzekutoni kod
kur detektohen evente.
HTML lejon mbajtës eventet atributet, me
kod JavaScript, për të shtuar në elementet e
HTML.
<!DOCTYPE html>
<html>
<body>

<p>Click the button to display the date.</p>

<button onclick="displayDate()">The time is?</button>

<script>
function displayDate() {
document.getElementById("demo").innerHTML = Date();
}
</script>

<p id="demo"></p>

</body>
</html>