Professional Documents
Culture Documents
Java script
Page 0
Java script Language عالءالدين برزنجي
پيشه كی
خوينه ری به ريز ئه م كتيب له دوای توانا وزانياری خوم دام ناوه هه ر هه له
يه ك هه بيت ئه بيت بم ببورن هيج كه سيك نيه هه ال نه كات به الم له هه
مويان باشتر ئه و كه سه يه ئه وی هه ولی دروست كردنه وی هه له كه ی
خوی ددات هه مو كه سيك له ئيمه ئامانجيك مان هه يه بۆ گه يشتن به ئامانجه
كانمان ده بيت هه ول و تيگوشان بدين ئه گه ر تو بت ويت بگه يت به ئامانجه
كانت هيج شتيك مه حال نيه له دوای هه ول دانی خوت .
رونكردنه وی كودا كانی جافه سكريب به نموونه كانيه وه .
..................
شيوای خه زن كردنی
Page 1
Java script Language عالءالدين برزنجي
<html>
<head>
<title>Alaa Barznji</title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>
<html>
<head>
<title>Alaa Barznji</title>
<script type="javascript">
</script>
</head>
<body>
</body>
</html>
فاكشني يه كه م
دێته به كار هينان بو نوسين له نيوانيا
Document.write(" jet bwet atwane ler bnwse ");
Page 2
Java script Language عالءالدين برزنجي
><html
><head
> <script
;)" Document.write("wellcom to the new lessen
></script
></head
><body
></body
></html
Page 3
Java script Language عالءالدين برزنجي
><html
><head
> <script
;)"Alert("hello to the page
></script
></head
><body
></body
></html
) (width-height –size –color …..به كار دیت له نا و تاك وه كو attribute
ئه ویش فاكشنه كه كاری تا یبه تی خوی هه یه وه كو tag
)(font-p-hr-u-s-img–string…….
* /بو كومیند به كاری دیت له نیوان ئه م دوو استیرا یه كومینده كه ی خو */
مان ئه نو سین جندی بنوسیت دروسته
//دبل سله ش ئه ویش بو كومیند به كار دیت به ال م تنها بو یه ك ریز
Page 4
Java script Language عالءالدين برزنجي
فایلی خارجیExternal/
لیره دا باسی جونیه تی هینانی فایله كی جافه سكریب بو ناو ئیج تی ئیم ئیل ده كه
م كه جون ئه و كاره بكه ین.
فایلی جافه سكریب
)"document.write("wellcom to javascript
به م شیوا یه خزن كه جوری خزن كردن
><html
><head
>"<script src="Alaa.js
></script
></head
><body
></body
></html
ئه نجام
Page 5
Java script Language عالءالدين برزنجي
variables
له زمانی جاڤا سكرێپت ده توانين گۆراوه كان دياری بكه ين واته ده توانی تۆ وشه يه ك پێناس بكه ی وه
شتێكی ر هه يان بێت نوسين چ ی ده ده ی كه وشه به كه ی نرخه و ئه جا نێيت داده بۆ نرخی ها روه هه
تر.
له نوسيی ده نوسينه و ئه جار ك يه وا ئه بنوسی زۆر نوسينێكی وێت بته تۆ ر گه ئه كه يه وه ئه سوودی
هه ر شوێن پێويستت پێی هه بوو بانگی ده كه ی
نموونه
><html
><head
;><script
" var Ala="wellcom Alaa Barznji
;)document.write (Ala
></script
></head
><body
></body
></html
ئه نجام
Page 6
Java script Language عالءالدين برزنجي
Var
2 نموونه ی
<html>
<head>
<script>;
var n1 =10 ;
var n2=15;
document.write (n1+n2);
</script>
</head>
<body>
</body>
</html>
ئه نجام 25
Page 7
Java script Language عالءالدين برزنجي
ئه نجام
Alaa
ئه نجام
30
Akre
Page 8
Java script Language عالءالدين برزنجي
(Var Object)
نموونه
<html>
<head>
<script>
var ala=new Object();
ala.firsname="Alaa";
ala.lastname="ahmed";
ala.age=22;
ala.eyecolor="blue";
document.write("name:");
document.write(ala.firsname);
document.write("<br>");
document.write("lastname:");
document.write(ala.lastname);
document.write("<br>");
document.write("taman:");
document.write(ala.age); </script></head></html>
Page 9
Java script Language عالءالدين برزنجي
ئه نجام
name:Alaa
ئه نجام lastname:ahmed
taman:22
)(function
Function
يه كێك له فرمانه هه ر ه گرنگه كان له زمانی جاڤا سكرێپت ئه م فرمانه يه كه تۆ ده توانی كۆمه ڵه
كارێك بكه يت واته پڕۆگرامێك بنوسی ئه م پرۆگرامه له هه ر شوێنێك پێويستت پێی هه بوو بتوانی به
هۆی فه نكشن واته نه خشه دووباره بانگی بكه يته وه به اڵم له به ر ئه وه ی تۆ نه خشه ت به كار هێناوه
دووباره پێويست ناكات پڕۆگرامه كه بنوسيه وه ته نها ناوی ئه و نه خشه يه ده نووسی كه تايبه ته به ئه و
پڕۆگرامه ی يان ئه و كاره ی كه ده ته وێت دووباره به كاری بهێنيه وه
onloadديته به كار هينان بوو تحكم كردن به فاكشنه كه ت
)(كه وانه
}{ بلوك
; سی می کوولوم
Page
10
Java script Language عالءالدين برزنجي
نمونه ی يه كه م فاكشن
<html>
<head>
<script>
function a()
{
</body>
</html>
ئه نجام
Page
11
Java script Language عالءالدين برزنجي
نمونه ی دووه م
<html>
<head>
<script>
function a()
{
document.write("wellcom new function");
alert ("wellcom");
}
</script>
</head>
<body onload="a()">
</body>
</html>
ئه نجام
Wellcom new function
ئه نجام
Page
12
Java script Language عالءالدين برزنجي
نموونه ی سيه م
<html>
<head>
<script>
function fu()
{
</script>
</head>
<body onload="fu()">
</body>
</htm>
Page
13
Java script Language عالءالدين برزنجي
ئه نجام
ئه نجام
name:Alaa
age:20
ئه نجام
)(concat
/addittion opertartor-1ئه م جوره يان به كار ديت بوو ئه ي شه ر ته كه مان له دوو زياتر بيت ليكان دده ات
Page
14
Java script Language عالءالدين برزنجي
(addittion opertartor)
<html>
<head>
<script>
var a="wellcom";
var b="Alaa";
var c="barznji";
document.write(a+b+c);
</script>
</head>
<body>
</body>
</html>
ئه نجام
ئه نجام
wellcomAlaabarznji
Page
15
Java script Language عالءالدين برزنجي
(Assignment opertartor)
<html>
<head>
<script>
var a="wellcom";
a+=" to Akre";
document.write(a);
</script>
</head>
<body>
</body>
</html>
ئه نجام
ئه نجام
wellcom to Akre
Page
16
Java script Language عالءالدين برزنجي
(mothod opertarto )
<html>
<head>
<script type="text/javascript">
var ala="".concat("wellcom to my page
","Alaa Barznji");
document.write(ala);
</script>
</head>
<body>
</body>
</html>
ئه نجام
ئه نجام
wellcom to my page Alaa Barznji
Page
17
Java script Language عالءالدين برزنجي
) ( if
if
له زمانی جاڤا سكرێپت ده توانين مه رج دابنێين به هۆی ئه م فرمانه وه واته واده نێن كه ئه گه ر تۆ
چويت بۆ بازار كتێبه كه م بۆ بێنه واته من پێم نه وتی ده بێت كتێبه كه م هه ر بۆ بهێنی وتم ئه گه ر
چوويت بۆ بازار ئه و كات كتێبه كه م بۆ بهێنه واته من مه رجێكم بۆ دانايت.
بو به كار هيناني مه رج شه ر ت به كارديت.
}
نمونه
><html
><head
>"<script type="text/javascript
;var dana = 3
)if(dana == 3
{
;)"شه ر ته كمان دروسته "(document.write
}
></script
></head
Page
18
Java script Language عالءالدين برزنجي
ئه نجام
ئه نجام
شه ر ته كمان دروسته
Else
يعني ئه كه ر نا ئه كه ر شه ر ته كه مان دروست نه بيت ئه و كاته
elseبه كار دينی .
نموونه
><html
><head
>"<script type="text/javascript
;var dana = 2
)if(dana == 3
{
;)"شه ر ته كمان دروسته "(document.write
}
Else
{
;)"ببوره شه ر ته كه هه ال يه "(document.write
}
></script
></head
Page
19
Java script Language عالءالدين برزنجي
ئه نجام
ئه نجام ببوره شه ر ته كه هه ال یه
Else if
نموونه
<html><head>
<script>
var a="Alaa"
if(a=="Ali"){
document.write("wellcom Ali");
}
else if(a=="Alaa"){
document.write("wellcom Alaa"); }
else{
document.write("error name");
}
</script>
</head>
<body>
</body></html>
Page
20
Java script Language عالءالدين برزنجي
ئه نجام
ئه نجام
wellcom Alaa
Switch
بو حاله تی محدد به كار ديت بو نموونه روزه كانی حفته دياری
روزه شتيك هه گه ر دياری كراوه بيت ئه توانيت به7 كراوه
كاری بينين
نموونه
<html>
<head>
<script>
function aa() {
var a=0;
switch(a){
case 0: document.write("this day is Saturday"); break;
case 1: document.write("this day is sanday"); break;
case 2: document.write("this day is Monday"); break;
case 3: document.write("this day is Tuesday"); break;
case 4: document.write("this day is wednesday"); break;
case 5: document.write("this day is Thursday"); break;
case 6: document.write("this day is Friday"); break;
</body></html>
Page
21
Java script Language عالءالدين برزنجي
For Loop
Page
22
Java script Language عالءالدين برزنجي
نموونه
<html>
<head>
<script>
i=0;
while(i<=5){
document.write("wellcom Alaa Barznji"+i);
document.write("<br>");
i++;
}
</script>
</head>
</html>
ئه نجام
Page
23
Java script Language عالءالدين برزنجي
نموونه
<head>
<script>
for(i=0; i<=5;i++)
{
ئه نجام
Page
24
Java script Language عالءالدين برزنجي
<head>
<script>
for(i=1; i<=6;i++)
{
document.write("<h"+i+">the header is"+i);
document.write("</h"+i+">");
}
</script>
</head>
ئه نجام
the header is1
ئه نجام
the header is2
the header is3
Page
25
Java script Language عالءالدين برزنجي
<head>
<script>
document.write("<table border='1'
width='30%'>");
for(i=1; i<=6;i++)
{
document.write("<tr><td> "+i+" </td><td>
"+i+" </td><td> "+i+" </td></tr>");
}
document.write("</table>");
</script>
</head>
ئه نجام
ئه نجام
Page
26
Java script Language عالءالدين برزنجي
While
بو شه رت به كار ديت ده ست پێكی به شرت ده ست پێ ده كات
زور جياوازی نيه له گه ل فور
;i=0
)while(i<=5
{
ليره كوده كه مان ده نوسين
;i++
}
نموونه ی 1
><head
><script
;i=0
{)while(i<=5
;)document.write("wellcom Alaa Barznji"+i
;)">document.write("<br
;i++
}
></script
></head
Page
27
Java script Language عالءالدين برزنجي
ئه نجام
ئه نجام wellcom Alaa Barznji0
wellcom Alaa Barznji1
wellcom Alaa Barznji2
wellcom Alaa Barznji3
wellcom Alaa Barznji4
wellcom Alaa Barznji5
do while
نموونه
<head>
<script>
i=1;
do
{
document.write(i+"wellcom");
document.write("<br>");
i++;
} while(i==5)
</script>
</head>
Page
28
Java script Language عالءالدين برزنجي
ئه نجام
ئه نجام
1wellcom
نموونه يه كی به هيز
<head>
<script>
var i=1;
do
{
if(i==4){
document.write("ifdowhile"+i+"<br>");
}
else{
document.write("my page"+i+"<br>");
}
i=i+3;
}
while(i<=8);
while(i<=12)
{
document.write("while"+i+"<br>");
i++;
// وايلي يه كه م هه ر ده سوريته وه تا شرته كه مان ته واو ده بيت دواتر ديته وايلي دووه م
</script></head>
Page
29
Java script Language عالءالدين برزنجي
ئه نجام
ئه نجام
my page1
ifdowhile4
my page7
while10
while11
while12
erorr
erorr وه دروست كردنیerorr چونيه تی گرتنی
Try
{
لێره كود ده نوسين
}
Catch (err)
{
لێره
erorr
ده گرين
}
Page
30
Java script Language عالءالدين برزنجي
نموونه
<head>
<script>
try
{
docu.write("wellcom to new");
alert("wellcom");
}
catch(err)
{
alert(err);
}
</script>
</head>
ئه نجام
Page
31
Java script Language عالءالدين برزنجي
<head>
<script>
var i=0;
for (i=1;i<=10;i++)
{
if(i==6){break;}
document.write("the number is "+i);
document.write("<br>");
}
</script>
</head>
Page
32
Java script Language عالءالدين برزنجي
continue نموونه
<head>
<script>
var i=0;
for (i=1;i<=10;i++)
{
if(i==7){continue;}
document.write("the number is "+i);
document.write("<br>");
}
</script></head>
<body>
<h1>were this number 7</h1>
</body>
</html>
the number is 1
the number is 2
ئه نجام the number is 3
the number is 4
the number is 5
the number is 6
the number is 8
the number is 9
the number is 10
Page
33
Java script Language عالءالدين برزنجي
document.getElementById("name of id").value
به كارديت بوو گه يشتن به ئيلی مينتی ئيج تی ئيم يل
<html>
<head> <script>
function mess()
{
var c=document.getElementById("t").value;
var p1=document.getElementById("a1");
p1.innerHTML=c;
}
</script></head>
<body>
<p >hello</p>
<input type="text" id="t">
<button onclick="mess()">show text</button>
<p id="a1"></p>
</body> </html>
ئه نجام
Page
34
Java script Language عالءالدين برزنجي
Throw
error به كارديت بوو دروست كردنی
Page
35
Java script Language عالءالدين برزنجي
ئه نجام
ئه نجام
Page
36