This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Showing posts with label java. Show all posts
Showing posts with label java. Show all posts

JavaScript_10


Global variable နဲ႔ Local variable ဆိုျပီး Varaiable ႏွစ္ခုရွိတယ္၊ Global Variable က Function ရဲ့ အျပင္ဘက္မွာထားျပီး
ဘယ္ေနရာက ေခၚသံုးသံုးရတယ္၊ Local Variable က Function ရဲ့ အတြင္းမွာရွိျပီး အဲ့ဒီ့ Function ထဲမွာသာ ေခၚသံုးလို႔ရတယ္၊ function ရဲ့
အျပင္ကေနေခၚသံုးလို႔မရဘူး၊ ေအာက္မွာ  Global Variable ကိုဥပမာျပမယ္၊
<html>
<head>
<script type="text/javascript">
var goofy = " lady " ;
function fonky ( ) {
document.write ( goofy );
}
fonky ( );
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္ကို Run လိုက္ရင္ေတာ့ lady ဆိုတဲ့ စာလံုးကို ါေရးထားတဲ့ အေျဖကိုရမယ္၊ အေပၚဆံုးမွာ var goofy = “ lady ”; ဆိုျပီး Varible
တည္ေဆာက္လိုက္တယ္၊ သူ႔ကိုတည္ေဆာက္တာက Function ရဲ့ အျပင္ဘက္မွာတည္ေဆာက္တာပါ၊ ေနာက္ထပ္ စာေၾကာင္းမွာ function fonky ( )
ဆိုျပီး function ကိုသတ္မွတ္တယ္၊ သူလုပ္မယ့္ အလုပ္ကိုလဲ document.write( googy ) ဆိုျပီး varaible ျဖစ္တဲ့ goofy ကို
အေျဖထုတ္ေပးဖို႔သတ္မွတ္လိုက္တယ္၊ ေနာက္တစ္ေၾကာင္းမွာေတာ့ fonky( ); ဆိုျပီး function ကိုေခၚလိုက္တယ္၊ function ကိုေခၚလိုက္ေတာ့ function
က အလုပ္စလုပ္လိမ့္မယ္၊ သူ႔အလုပ္က Variable ျဖစ္တဲ့ goofy ကို အေျဖထုတ္ေပးမယ့္အလုပ္၊  ဒါ ကေတာ့ အျပင္မွာ Global Variable
အျဖစ္တည္ေဆာက္ထားတဲ့ Variable ကို function ထဲကေန လွမ္းသံုးတာပါ၊ အခု function ရဲ့ အျပင္ကေန ေကာ ေခၚၾကည့္ပါမယ္၊ function ရဲ့
အတြင္းကေနေတာ့ ေခၚသံုးျပီးပီေနာ္၊ အခု အျပင္ကေခၚမွာ
<html>
<head>
<script type="text/javascript">
var goofy = " lady " ;
function fonky ( ) {
document.write ( goofy );
}
fonky ( );
document.write ( goofy );
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္မွာ ေအာက္ဆံုးကေန document.write ( goofy ); ကိုထည့္ျပီးထပ္ေခၚလိုက္တယ္၊ ဒီေနာ့ ေနာက္ထပ္ lady ဆိုတဲ့
အေျဖတစ္ခုထပ္ရမယ္၊ နားလည္ေစလိုတာက Global Variable ျဖစ္တဲ့ Function အျပင္မွာထည္ေဆာက္ထားတဲ့ variable ကို function
အတြင္းကလဲ ေခၚသံုးလို႔ရသလုိ အျပင္ကလဲ ေခၚသံုးလို႔ရပါတယ္၊
အခု အထက္က ကုတ္ကို ပဲ Variable ျဖစ္တဲ့ var goofy = “ lady ”  ; ဆိုတဲ့စာေၾကာင္းကိုျဖတ္ျပီး function ထဲမွာျပန္ေရးလိုက္ပါ၊ ေအာက္က အတိုင္း၊
<html>
<head>
<script type="text/javascript">
function fonky ( ) {
var goofy = " lady " ;
document.write ( goofy );
}
fonky ( );
document.write ( goofy );
</script>
</head>
<body>
</body>
</html>
အထက္ကကကုတ္ကို Run ၾကည့္လိုက္ရင္ အေျဖက lady ဆိုတဲ့စာလံုး တစ္လံုးကိုပဲ ရမယ္၊ တကယ္ဆိုရင္ fonky( ); ဆိုျပီး function ကိုေခၚလို႔ lady
ဆိုတဲ့စာလံုးတစ္ခါေပၚရမယ္၊ ေအာက္ဆံုးက document.write (goofy ); ဆိုျပီး variable ကို အေျဖထုတ္လို႔ Lady ဆိုတဲ့စာလံုးတစ္လံုးရရမယ္၊
အားလံုးေပါင္း အေျဖႏွစ္ခုရရမယ္၊ ဒါေပမယ့္တကယ္အေျဖထုတ္ေတာ့ lday ဆိုတဲ့ စာလံုးက တစ္လံုးပဲရေနတယ္၊ အေၾကာင္းကေတာ့ ေရးထားတဲ့
variable ျဖစ္တဲ့ var goofy = “lady” ; က function ရဲ့ အတြင္းပိုင္းမွာ သြားေရးထားတဲ့ Local variable ပါ၊ ဒါေၾကာင့္ သူ႔ကို function အတြင္းမွာသာ
သံုးႏိုင္ျပီး function ရဲ့ အျပင္ကေန ေခၚသံုးလို႔မရပါဘူး၊
ဒီသင္ခန္းစာမွာ အဓိက နားလည္ေစလိုတာက Varaible တစ္ခုကို function ရဲ့ အျပင္မွာတည္ေဆာက္ထားရင္ Global Variable လို႔ေခၚျပီး သူ႔ကို
ဘယ္ေနရာက ေခၚသံုးသံုးရတယ္၊ function ရဲ့ အတြင္းမွာတည္ေဆာက္ထားတဲ့ Variable ကိုေတာ့ Local variable လို႔ေခၚျပီး သူ႔ကို function
အတြင္းမွာသာ သံုးလို႔ရတယ္၊ အျပင္ကေန ေခၚသံုးလို႔မရဘူး၊

JavaScript_9

ဒီအခန္းမွာေတာ့ အသံုး အရမ္းကို ၀င္လွတဲ့ function တစ္ခုကေတာ အျခား function တစ္ခု (သို႔) အမ်ားကိုေခၚျပီးသံုးပံုကိုသင္ျပမယ္၊
တစ္ဆင့္ျခင္းသြားမယ္၊ ပထမအဆင့္အေနနဲ႔ function တစ္ခု တည္ေဆာက္လိုက္ ေအာက္မွာၾကည့္၊
function  goofy ( ) {
document.write(" Arr har i am first function ");
}
အထက္က function ကို goofy လို႔နာမည္ေပးထားတယ္၊ သူကိုေခၚခံရရင္ သူလုပ္မယ့္အလုပ္က   Arr har I am first function ဆိုတဲ့
စာသားကိုအေျဖထုတ္ေပးမယ္ယ့အလုပ္၊
ေနာက္ထပ္ function တစ္ခုကိုထပ္ျပီးဖန္တီးမယ္ ေအာက္မွာၾကည့္၊
function fonky( ) {
document.write(" Wow comming up next is me  The second! ");
}
အထက္က function ကို fonky လို႔နာမည္ေပးထားတယ္၊ သူကိုေခၚခံရရင္ သူလုပ္မယ့္အလုပ္က   Wow coming up next is me The second! ဆိုတဲ့
စာသားကိုအေျဖထုတ္ေပးမယ္ယ့အလုပ္၊
အခု တတိယ function တစ္ခုကိုတည္ေဆာက္မယ္ ေအာက္မွာၾကည့္၊
function  call ( ) {
            goofy( );
            fonky( );
}
အထက္က function နာမည္က call ၊ သူ႕ကို ေခၚခံရရင္သူလုပ္မယ့္အလုပ္က goofy( ); ဆိုတဲ့ function နဲ႔ fonky( ); ဆိုတဲ့ function တို႔ကိုေခၚေပးမယ္၊
သူ႔ကိုေခၚတာနဲ႔ သူက goofy( ); နဲ႔ fonky( ); တို႔ကို တစ္ဆင့္ျပန္ေခၚေပးမွာ၊( function တစ္ခုက ေန အျခား function တစ္ခုကို ေခၚတယ္ဆိုတာ ဒါပဲ)
အခု တတိယ function ကိုေခၚၾကည့္ၾကမယ္၊ အဲ့ဒီ့အတြက္ တတိယ function ရဲ့နာမည္ျဖစ္တဲ့ call( ); နဲ႔ေခၚမယ္ေအာက္မွာကုတ္ အျပည့္အစံုကိုၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
function  goofy ( ) {
document.write(" Arr har i am first function. ");
}
function fonky( ) {
document.write(" Wow comming up next is me  The second! ");
}
function  call ( ) {
            goofy( );
            fonky( );
}
call( );
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္ကို Run လိုက္ရင္ Arr har i am first function. Wow comming up next is me The second! ဆိုတဲ့အေျဖကိုရမယ္၊  ေခၚလိုက္တဲ့
function က call( ); သူလုပ္မယ့္အလုပ္က goofy( ); ဆိုတဲ့ function နဲ႔ fonky( ); ဆိုတဲ့ function ကို ေခၚဖို႔၊ သူကေန goofy( ); နဲ႔ fonky( );
တို႔ကို ေခၚလိုက္ေတာ့ အရင္ဆံုး goofy( ); တက္လာတယ္၊ သူ႔အလုပ္ျဖစ္တဲ့ Arr har i am first function. ကိုေဖာ္ျပတယ္၊ ျပီးေတာ့ fonky ( ) ;
တက္လာတယ္၊ သူ႔အလုပ္ Wow comming up next is me The second! ကိုေဖာ္ျပတယ္၊
အထက္က ဥပမာက ေတာ့ function တစ္ခုကေန အျခား function ေတြကိုေခၚတဲ့နည္းပါ၊
ေနာက္ထပ္ function ေတြကို အဆံုးအစ မရွိေခၚတဲ့နည္းကို ေခၚတဲ့နည္း ကို သင္ေပးထားတဲ့ သင္ခန္းစာလဲရွိပါတယ္၊ သူ႔ကိုေတာ့ 72coder video lesson
မွာထည့္ေပးထားပါတယ္၊ အသံုးေတာ့ မ၀င္ဘူး၊ Hacker trick နဲ႔ Cracket trick ေပါ့၊

JavaScript_8

သင္ေရးထားတဲ့ ကုတ္ေတြကို အလုပ္လုပ္မလုပ္ သို႔မဟုတ္ အေျဖက ဘာလဲ လို႔ စမ္းခ်င္တယ္ ဒီလိုအခါမ်ိဳးမွာ return ကိုသံုးတယ္၊ သိပ္ေတာ့
အသံုးမ၀င္လွဘူး၊ ႏို႔ေပမယ့္ JavaScript ထဲပါေနေတာ့ သင္ေပးရတာေပါ့၊  သူကလဲ အေရွ႕သင္ခန္းစာမွာသင္ခဲ့တဲ့အတိုင္း ပါပဲ function နဲ႔
တြဲသံုးတာပါ၊ ေအာက္က ဥပမာကိုၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
function bookie( x , y  ) {
 var  z = x + y ;
return z;
}
bookie (3 , 6 );
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္မွာ function bookie ( x , y ) ဆိုျပီး parameter ႏွစ္ခု သတ္မွတ္ထားတယ္၊ ျပီးေတာ့ curly bracket ထဲမွာ variable
တစ္ခုထပ္ျပီးသပ္မွတ္တယ္၊ အဲ့ဒီ့ variable ရဲ့နာမည္က z ၊ သူ႔ရဲ့တန္ဖိုးက x နဲ႔ y ကိုေပါင္းရင္ရမယ့္တန္ဖိုး၊  ျပီးရင္ return z; ဆိုျပီး အေျဖျဖစ္မယ့္
variable z ကို အေျဖထုတ္ခိုင္းထားတယ္၊ လြယ္လြယ္ေလးပါ၊
ေအာက္မွာေတာ့ bookie ( 3 , 6 ); လို႔ေရးထားတယ္၊ 3 က parameter x ရဲ့တန္ဖိုးျဖစ္သြားျပီး 6 က parameter y ရဲ့တန္ဖိုးပါ၊  အထက္က ကုတ္ကို
Run လိုက္ရင္ အေျဖမထြက္ဘူး အေၾကာင္းက အေျဖမထုတ္ေသးလို႔ ေအာက္မွာအေျဖထုတ္ဖို႔အတြက္ function ကို ေခၚမယ့္ bookie ( 3 , 6 ); ကို
document.write ရဲ့ ဂြင္းစ ဂြင္းပိတ္ထဲကိုထည့္မယ္၊
<html>
<head>
<script type="text/javascript">
function bookie( x , y  ) {
 var  z = x + y ;
return z;
}
document.write(bookie (3 , 6 ) );
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ အေျဖ 9 ကိုရမယ္၊ အဲ့ဒါကေတာ့ return လုပ္တဲ့အေျဖပါ၊ ဒီနည္းကိုလဲ return လုပ္တယ္လို႔ေခၚတယ္၊ 
အသံုးမမ်ားလို႔ ထပ္မရွင္းေတာ့ဘူး၊ အထက္ က ကုတ္ကိုေလ့လာၾကည့္ရင္ သေဘာေသခ်ာေပါက္သြားမွာပါ၊

JavaScript_7

ေရွ႕ အခန္းမွာ Parameter လို႔ေခၚတဲ့ function bookie ရဲ့ေနာက္က ဂြင္းစ ဂြင္းပိတ္ထဲမွာ parameter တစ္ခုျဖစ္တဲ့ x ကိုထည့္ခဲ့တယ္၊ တကယ္ေတာ့
parameter တစ္ခုသာလွ်င္ မက သင္ၾကိဳက္သေလာက္ parameter ေတြထည့္လို႕ရတယ္၊ ေအာက္မွာၾကည့္ပါ၊
<zhtml>
<head>
<script type="text/javascript">
function bookie( x ,y  ) {
document.write ( x + y);
}
bookie ("hey" , "har" );
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ျဖင့္ အေျဖကို hey har ဆိုတဲ့အေျဖကိုရမွာပါ၊ အထက္က function bookie ရဲ့ေနာက္မွာ parameter ႏွစ္ခုရွိတယ္၊
x နဲ႔ y ၊ ေအာက္မွာေတာ့ bookie (“hey” , “har” ); ဆိုျပီး function ေခၚမယ့္ နာမည္ကိုထည့္ထားတယ္၊ အဲ့ဒီ့ hey နဲ႔  har တို႔က အထက္က function
bookie ( x , y ) တို႔ဆီကို pass လုပ္ေပးမယ့္ တန္ဖိုးေတြ ၊ hey က x အတြက္  ျဖစ္ျပီး har က y အတြက္ျဖစ္မယ္၊ ဒီေတာ့ အေျဖထုတ္ရင္ x အတြက္ hey
ဆိုတဲ့ အေျဖကို ျပီး y အတြက္ har ဆိုတဲ့အေျဖကိုရမယ္၊ ေအာက္မွာ ဥပမာထပ္ေလ့လာပါ၊
<html>
<head>
<script type="text/javascript">
function bookie( x ,y  ) {
document.write ( x + y + "<br/>");
}
bookie ("hey" , "har" );
bookie ("One" , "Two");
bookie ("You" , "Me");
</script>
</head>
<body>
</body>
</html>
အထက္က ဥပမာမွာ bookie ဆိုတဲ့ fucntion ကိုေခၚတဲ့ ေနရာမွာ သံုးၾကိမ္ေခၚခိုင္းထားတယ္၊ တစ္ၾကိမ္စီမွာ မတူတဲ့ တန္ဖိုးေတြကို အထက္က functon
bookie( ) ရွိဂြင္းစ ဂြင္းပိတ္ထဲက  x နဲ႔ y တို႔ဆီကို pass လုပ္ေပးမယ္၊ ျပီးေတာ့ အေျဖထုတ္မယ္၊ တစ္ၾကိမ္အေျဖထုတ္ျပီးတိုင္း စာေၾကာင္းျခားဖို႔အတြက္
စာေၾကာင္းျခားတဲ့ HTML tag ျဖစ္တဲ့ <br/> ကိုထည့္ထားေပးတယ္၊ ဒါပါပဲ၊
အထက္က ဥပမာ ေတြမွာ parameter ကိုႏွစ္ခုထဲ ထားခဲ့တယ္၊ တကယ္ေတာ့ ဘယ္ေလာက္မ်ားမ်ား ထားလို႔ရတယ္၊ အသံုးျပဳ တဲ့အခါ လိုသလို ထည့္ျပီး
အသံုးျပဳပါ၊ ေအာက္မွာေတာ့ အထက္က ဥပမာ ကိုပဲ variable ေတြထဲကို string ထဲျပီး အေျဖထုတ္ျပထားတယ္၊
<html>
<head>
<script type="text/javascript">
function bookie( x ,y  ) {
document.write ( x +  " is first and the second one is " + y + "<br/>");
}
bookie ("hey" , "har" );
bookie ("One" , "Two");
bookie ("You" , "Me");
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္ကို Run ျပီးေလ့လာၾကည့္ပါ၊

JavaScript_6

ေရွ႕အခန္းမွာ function ကို တည္ေဆာက္ပံုန႔ဲေခၚယူ အသံုးျပဳပံုကို သင္ေပးခဲ့ပါတယ္၊ ဒီအခန္းမွာေတာ့ ေရွ႕အခန္းက ကုတ္ကိုပဲ
button ေလးကိုတစ္ခ်က္ႏွိပ္ျပီး function ကိုေခၚတဲ့ နည္းကို ေလ့လာပါမယ္၊ HTML မွာ Form ကိုေလ့လာခဲ့ျပီးပါပီ၊ အခု Form ကိုအသံုးခ်ျပီး button
တစ္ခုတည္ေဆာက္မယ္၊ အဲ့ဒီ့ button ေပၚမွာ ခလစ္ႏွိပ္ရင္ function ရဲ့ အလုပ္ျဖစ္တဲ့ alert box ေပၚလာေအာင္ function ကိုေခၚမယ့္ နာမည္ကို button
မွာထည့္မယ္၊ ေအာက္မွာ form ကိုထည့္ေဆာက္မယ္၊ (HTML form သံုးမွာျဖစ္တဲ့အတြက္ နားမည္ေသးရင္ html မတတ္ေသးရင္ HTML
သင္ခန္းစာကိုသြား)
<form>
            <input type= "button" value= "touch me" onclick ="fonky( );">
</form>
အထက္က လို HTML form ကိုတည္ေဆာက္ျပီရင္ ေနာက္ဆံုးမွာ JavaScript ရဲ့ onclcik method ကို သံုးမယ္၊ onclick ရဲ့တန္ဖိုးက fonky( ); ပါ၊ Fonky(
); က function ကိုေခၚတယ္ဆိုတာေတာ့ သိျပီးပီေနာ္၊ ဒါဆိုရင္ အေရွ႕ခန္းမွာတည္ေဆာက္ခဲ့တဲ့ကုတ္က ေအာက္ပါအတိုင္းေျပာင္းသြားမယ္၊
<html>
<head>
<script type="text/javascript">
function fonky ( ){
alert ( " That look goofy, man! " );
}
</script>
</head>
<body>
<form>
            <input type= "button" value= "touch me" onclick ="fonky( );">
</form>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္ရင္ေတာ့ ခလုပ္ေလးေပးလာမယ္၊ အဲ့ဒီ့ ခလုပ္ေလးကို ႏွိပ္လိုက္ရင္ function ကိုေခၚတာျဖစ္လို႔ That look goofy
ဆိုတဲ့စာလံုးေပၚလာမယ္၊ 
HTML Form ထဲမွာ Onclick သံုးျပီး Onclick ရဲ့ တန္ဖိုးကို function ကိုေခၚမယ့္ fonky( ); လို႔ ေပးထားတာကိုသတိျပဳပါ၊
ေနာက္ထပ္ တစ္ဆင့္အေနနဲ႔ Parameter လို႔ေခၚတဲ့ ဂြင္းစ ဂြင္းပိတ္ထဲမွာထည့္ရမယ့္ ကုတ္အေၾကာင္းကိုရွင္းျပမယ္၊ သူကေတာ့ ပံုမွန္အေျဖထုတ္မယ့္
Varaible ေတြကုိ သတင္းအခ်က္အလက္ေျပာင္းျပီးထုတ္လို႔ရေအာင္ကူညီေပးတယ္၊ ဥပမာ သင္က alert(“hello”) ဆိုတဲ့စာသားကို  function
ရဲ့အလုပ္အေျဖစ္ထည့္ထားတယ္၊  ဒါဆိုရင္ function ကိုေခၚလတဲ့ အခါ အဲ့ဒီ့ function ရဲ့ အလုပ္ျဖစ္တဲ့ hello
ကိုအေျဖမွာထုတ္ေပးမယ္၊ ေအာက္မွာၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
function bookie ( ) {
document.write ( "i am a function" ) ;
}
bookie ( );
</script>
</head>
<body>
</body>
</html>
အထက္က ဥပမာက ေတာ့ သံုးျပီးသားပါ၊  ဒါေပမယ့္ အထက္က ဥပမာမွာ I am a function ေနာက္မွာ ေနာက္ထပ္ စာသားထပ္ထည့္ခ်င္တယ္၊
ထပ္ထည့္တဲ့အခါမွာလဲ ေခၚတဲ့ function ေပၚမူတည္ျပီးထည့္ခ်င္တယ္၊ ဒီလိုဆိုရင္ေတာ့ ေခၚတဲ့ Function ရဲ့ေနာက္က ေလးေထာင့္ကြက္ထဲမွာ
သင္ထပ္ျဖည့္လိုတဲ့ အခ်က္အလက္ကို ထည့္လိုက္ပါ၊ ဆိုၾကပါစို႔ created by 72coder ဆိုတဲ့စာသားကိုထပ္ျဖည့္ခ်င္တယ္၊ ဒါဆိုရင္ အဲ့ဒီ့ စာသားကို
 ေခၚမယ့္ function ရဲ့ေနာက္က ဂြင္းစ ဂြင္းပိတ္ထဲထည့္မယ္၊ ေအာက္မွာၾကည့္ပါ၊
bookie (“created by 72coder”); ထည့္ရတာ၊ ေအာက္က ဥပမာကိုၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
function bookie ( ) {
document.write ( "i am a function" ) ;
}
bookie (“created by 72coder”);
</script>
</head>
<body>
</body>
</html>
အထက္က လို ထပ္ျဖည့္ခ်င္တဲ့ function ေခၚတဲ့ ကုတ္ထဲကိုထည့္ျပီးရင္ျဖင့္ ေနာက္တစ္ဆင့္အေနနဲ႔ အဲ့ဒီ့ စာသားကို အေပၚက function bookie ( ) ရွိ
ဂြင္းစ ဂြင္းပိတ္ထဲကို လွမ္းပို႔မယ္၊ (passing လုပ္တယ္လုိ႔ေခၚတယ္)၊ ဘယ္လို passing လုပ္မလဲ ဘယ္လိုမွ အေထြအထူးလုပ္စရာမလိုဘူး၊ function
bookie ( ) ေနာက္က ဂြင္းစ ဂြင္းပိတ္ထဲမွာ သင္သတ္မွတ္လိုတဲ့ အကၡရာကိုထည့္လိုက္ရံုပဲ၊  အခု ဥပမာ အေနနဲ႔ x လို႔ထည့္လိုက္၊  ဒါဆိုရင္ x
ရဲ့တန္ဖိုးက ေအာက္က function ကိုေခၚဖို႔ အတြက္သံုးတဲ့ bookie ေနာက္က ဂြင္းစ ဂြင္းပိတ္ထဲမွာရွိတဲ့ တန္ဖိုး ျဖစ္သြားမယ္၊ Variable
အသစ္သတ္မွတ္သလိုပါပဲ၊ အေပၚက x ရဲ့တန္ဖိုးက ေအာက္က bookie ေနာက္ရွိ ဂြင္းစ ဂြင္းပိတ္ထဲက တန္ဖိုးျဖစ္သြားတာပါ၊
<html>
<head>
<script type="text/javascript">
function bookie (x) {
document.write ( "i am a function" ) ;
}
bookie (“created by 72coder”);
</script>
</head>
<body>
</body>
</html>
အထက္က အတိုင္း  function bookie (x) ဆိုျပီး ေအာက္က function ထဲက တန္ဖိုးကို x က လက္လြဲယူျပီးေနာက္မွာေတာ့ အဲ့ဒီ့ x ကိုသံုးျပီး
အေျဖထုတ္မယ္၊ အေျဖထုတ္နည္းကေတာ့ အေရွ႕က သင္ခန္းစာေတြမွာ သင္ခဲ့တဲ့ အတိုင္း adding sign ကိုသံုးမယ္၊ ေအာက္မွာၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
function bookie ( x ) {
document.write ( "i am a function , " + x) ;
}
bookie ( "created by 72coder" );
</script>
</head>
<body>
</body>
</html>
အထက္က ဥပမာကိုေသခ်ာေလ့လာပါ၊ bookie ေနာက္က ဂြင္းစ ဂြင္းပိတ္ထဲမွာရွိတဲ့ created by 72coder ဆိုတဲ့ စာသားကို အေပၚက function bookie
ရဲ့ေနာက္က x  ကို လွမ္းျပီး လြဲေပးတာကိုေတာ့ passing လုပ္တာလို႔ေခၚပါတယ္၊ ေနာက္ပိုင္းလက္ေတြ႔သံုးလာရင္
တကယ့္ကိုအသံုး၀င္တာကိုသေလာေပါက္လာပါမယ္၊ ေအာက္မွာဥပမာ ၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
function bookie ( x ) {
alert("i am function , " + x ) ;
}
bookie ( "created by 72coder" );
bookie ( "and who are you" );
bookie ( "i work very much properly" );
bookie ( "you will be happy if  you know me well" );
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္မွာ function ကိုေခၚတဲ့ bookie ရဲ့ေနာက္မွာ တန္ဖိုး အမ်ိဳးမ်ိဳး ထားတယ္၊ အဲ့ဒီ့ တန္ဖိုးေတြကို အထက္က function bookie ရဲ့ေနာက္က
ဂြင္းစ ဂြင္းပိတ္ထဲကိုပို႔ေပးတယ္၊ (passing လုပ္တယ္) အဲ့ဒီ့အေျဖကို alert( ) ေနာက္ရွိ ဂြင္းစ ဂြင္းပိတ္ထဲမွာ ရွိတဲ့ တန္ဖိုးနဲ႔ တြဲျပီး အေျဖထုတ္ေပးတယ္၊
အထက္မွာေတာ့ တန္ဖိုး ေလးခုကိုလြဲေပးတာျဖစ္တဲ့အတြက္ အေျဖေလးခုကိုထုတ္ေပးပါတယ္၊

JavaScript_5

Function ကို အေသးစား Program ေလး အျဖစ္ အသံုး ျပဳပါတယ္၊ JavaScript မွာ အေသးစာ Program ေလးတည္ေဆာက္ျပီး
လိုအပ္တဲ့အခါတိုင္း ေခၚသံုးႏိုင္ပါတယ္၊ Youtube မွာ JavaScript ရဲ့ Function ကို သံုးထားတာကို လက္ေတြ႔ေတြ႔ႏိုင္ပါတယ္၊ Youtube Video တစ္ခုကို
Play လုပ္ခ်င္ရင္ Play ဆိုတဲ့ ခလုပ္ကို ခလစ္တစ္ခ်က္ႏွိပ္လိုက္ပါ၊ ဒါဆိုရင္ေတာ့ Video စျပီး ျပလိမ့္မယ္၊ ဒီလို Play ဆိုတဲ့ ခလုပ္ကို ႏွိပ္ရင္
အလုပ္လုပ္ေအာင္ တည္ေဆာက္ထားတာက JavaScript Function ပါပဲ၊ Function ေတြအမ်ိဳးမ်ိဳးသံုးျပီး Play, Pause, Auto play စသျဖင့္ လိုအပ္တဲ့
Program အေသးစားေလးေတြကိုတည္ေဆာက္ႏိုင္ပါတယ္၊ ဒီအခန္းမွာေတာ့ JavaScript ရဲ့ Function ကို တည္ေဆာက္ပံုကို အေျခခံ သင္ျပေပးသြားမယ္၊
Function တစ္ခုကို စတင္တည္ေဆာက္ဖို႔အတြက္ အရင္ဆံုး Function  ကိုစတင္ေရးရပါတယ္၊ ျပီးရင္ သင္တည္ေဆာက္မယ့္ function ကို
သင္ၾကိဳက္တဲ့နာမည္ေပးရပါတယ္၊ ေအာက္မွ နာမည္ kalay လို႔ အမည္ေပးထားတဲ့ fucntion ကိုစေရးျပပါမယ္။
Function kalay
လြယ္ပါတယ္ခင္ဗ်ာ၊ သတ္မွတ္လိုတဲ့ နာမည္ျဖစ္တဲ့ kalay ဆိုတဲ့ နည္မည္ရဲ့ ေရွ႕မွာ function ဆိုတဲ့ စာသားကိုထည့္လိုက္ ဒါဆိုရင္ အဲ့ဒီ့ သတ္မွတ္ထားတဲ့
kalay ဆိုတဲ့ နာမည္ကိ Function ျဖစ္သြားပီ၊ ေနာက္တစ္ဆင့္အေနနဲ႔ေတာ့ JavaScript ကုတ္ေတြကိုထည့္မယ့္ေနရာကို သင္ျပမယ္၊ ေအာက္မွာၾကည့္ပါ၊
Function kalay ( )
{
}
အထက္က ကုတ္မွာ function kalay ရဲ့ေနာက္က ဂြင္းစ ဂြင္းပိတ္ထဲမွာ parameter ကိုထည့္ရမယ္ ဒီအခန္းမွာေတာ့ ဘာမွမရွင္းေသးဘူး ေနာက္အခန္းမွ
အဲ့ဒီ့အစိတ္အပိုင္းကို ရွင္းျပေပးမယ္၊ အခုေတာ့ Curly bracket ျဖစ္တဲ့ တြန္႔ကြင္း ထဲမွာ သင္ေရးလိုတဲ့ အလုပ္လုပ္လိုတဲ့ JavaScript ကုတ္ကိုေရးရမယ္၊
အဲ့ဒီ့ကုတ္က ေနာက္ပိုင္း function ကိုအေခၚခံရတိုင္းလုပ္မယ့္အလုပ္၊ အခုဥပမာ တစ္ခု ေရးၾကည့္မယ္၊
<html>
<head>
<script type="text/javascript">
function bookie ( ) {
document.write ( "i am a function" ) ;
}
</script>
</head>
<body>

</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ပါ၊ အေျဖက ဘာမွမထြက္လာဘူးျဖစ္ေနမယ္၊ တကယ္ေတာ့ အထက္က ကုတ္မွာ bookie ဆိုတဲ့ function
ကိုတည္ေဆာက္ထားတယ္၊ သူ႔ရဲ့အလုပ္ကို လဲ I am function လို႔ေရးဖို႔ အမိန္႔ေပးထားတယ္၊ ဒါဆိုဘာလို႔အလုပ္မျဖစ္တာလဲ၊ အေၾကာင္းကေတာ့
function ကိုမေခၚေသးလို႔ပါ၊ သူက ေခၚမွ အလုပ္လုပ္တာေလ၊ အခု function ကိုေခၚၾကမယ္၊ function ကိုေခၚဖို႔အတြက္ function ရဲ့နာမည္ကို
ေနာက္က ဂြင္းစ ဂြင္းပိတ္ထည့္ ျပီးရင္simicolon ထည့္ျပီးေရးလိုက္ရံုပဲ၊ ေအာက္မွာၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
function bookie ( ) {
document.write ( "i am a function" ) ;
}
bookie ( );
</script>
</head>
<body>

</body>
</html>
အထက္က ကုတ္မွာေတာ့ function ကိုေခၚလိုက္ပါပီ၊ ဒီ့အတြက္ function က သူ႔ကိုေခၚခံရရင္ လုပ္ရမယ့္အလုပ္ျဖစ္တဲ့ I am function ဆိုတဲ့စာသားကို
browser ရဲ့ မ်က္ႏွာျပင္ကိုထုတ္ေပးပါပီ၊ function ကိုေခၚဖို႔ ကၽြန္ေတာ္တို႔ လုပ္လိုက္တဲ့အလုပ္က function ရဲ့နာမည္ကို ေရးခ်လိုက္တာပါပဲ၊ က်န္တာ္ေတာ့
အေထြအထူးမဟုတ္ပါဘူး၊
တစ္ခ်ိဳ႕ ၀က္ဆိုကေတာ့မွာ အလုပ္လုပ္ေနတုန္း POP-UP box ေလးေတြေပၚလာတာကိုေတြ႔ဖူးမွာပါ၊ အဲ့ဒီ့ POP-UP box ေလးေတြကိုလဲ JavaScript နဲ႔
လုပ္ထားတာပါ၊ သူတို႔ သံုးမ်ိဳးရွိတယ္၊
Alert box
Comfirm box
Prompt box
JavaScript ရဲ့ alert box ကိုေရးတာကေတ့ လြယ္ပါတယ္၊ alert (  ); လို႔ေရးျပီး ဂြင္းစ ဂြင္းပိတ္ထဲမွာ ေရးခ်င္တဲ့ massage
ကိုေရးလိုက္ရံုပဲ၊ ေအာက္မွာၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
alert ( "hey how are you" );
</script>
</head>
<body>

</body>
</html>
အထက္က ကုတ္ကိုေရးျပီးရင္ Run ၾကည့္လိုက္ပါ၊ ဒါဆိုရင္ျဖင့္ hey how are you ဆိုတဲ့ Alert box ေလးက်လာမယ္၊ ဒါကေတာ့ alert box ေရးနည္းပါ၊
alert( ); လို႔ေရးျပီး ဂြင္းစ ဂြင္း ပိတ္ထဲမွာထည့္ခ်င္တဲ့ စာသား massage ကိုထည့္ေရးလိုက္ပါ၊ ဒါဆိုရင္ျဖင့္ သင္ေရးလိုက္တ့ဲစာသားပါတဲ့ Alert
box ေလးက်လာမွာပါ၊
အခု alert box ေရးနည္းကို သိသြားရင္ေတာ့ အထက္မွာသံုးခဲ့တဲ့ function ကို သံုးျပီး alert box ကိုေခၚၾကည့္ပါမယ္၊ ေအာက္က ကုတ္ကို Run ၾကည့္ပါ၊
<html>
<head>
<script type="text/javascript">
function fonky ( ){
alert ( " That look goofy, man! " );
}
</script>
</head>
<body>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ပါ၊ ဘာမွအေျဖရမွာမဟုတ္ေသးဘူး၊ ေရးထားတဲ့ function ရဲ့နာမည္က fonky ပါ၊ သူ႔ရဲ့ အလုပ္ကေတာ့ alert box
သံုးျပီး That look goofy, man! ဆိုတဲ့စာသားကို အေျဖထုတ္ေပးမွာပါ၊ ဒါေပမယ့္ အထက္က ကုတ္ ကို Run ၾကည့္လိုက္ရင္
အေျဖရအံုးမွာမဟုတ္ေသးပါဘူး၊ အေၾကာင္းကေတာ့ function ကို မေခၚရေသးလို႔ပါ၊ ေအာက္ မွာ function ကိုေခၚထားတဲ့ကုတ္ကိုပါ Run ၾကည့္လိုက္ပါ၊
<html>
<head>
<script type="text/javascript">
function fonky ( ){
alert ( " That look goofy, man! " );
}
fonky( );
</script>
</head>
<body>

</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ေတာ့ အေျဖကို That look goofy , man! ဆိုတဲ့စာသားကိုထုတ္ေပးမွာပါ၊ အထက္က alert box ထဲေရးထားတဲ့
စာသားက function ျဖစ္တဲ့ fonky ရဲ့အလုပ္ပါ၊ ေအာက္မွာ fonky( );  လို႔ေရးျပီး function ကိုေခၚထားတယ္၊ ဒီေတာ့ အေခၚခံရတဲ့ function က
အလုပ္စလုပ္တယ္၊ သူ႔အလုပ္ျဖစ္တဲ့ Alert box ကိုထုတ္ေပးလိုက္တယ္၊
ေနာက္အခန္းမွဆက္ရန္၊

JavaScript_4

Variable ေတြကို Text String ေတြနဲ႔တြဲျပီး အေျဖထုတ္ၾကည့္မယ္၊ ေအာက္က ဥပမာကိုၾကည့္ပါ၊
<html>
<head>
</head>
<body>
<script type = “text/javascript”>
Var name = “waiferkolar”;
Var age = 26;
Document.write(name + “is my name and my age is” + age );
</script>
</body>
</html>
အထက္ဟက ကုတ္ကို Run ၾကည့္လိုက္ရင္ျဖင့္ waiferkolar is my name and my age is 26 ဆိုတဲ့ အေျဖကိုရမယ္၊ ဒီမွာေသခ်ာရင္းျပမယ္၊
Varible ႏွစ္ခုရွိတယ္၊ name နဲ႔ age တို႔ပါ၊ name ရဲ့ သိုေလွာင္ထားတဲ့တန္ဖိုးက waiferkolar ပါ၊ age ရဲ့သိုေလွာင္ထားတဲ့တန္ဖိုးက 26 ပါ၊ သူတို႔ကို
အေျဖထုတ္မယ္၊ အေျဖထုတ္တဲ့အခါ String data ျဖစ္တဲ့ is my name and mya age is ဆိုတဲ့စာသားကို ပါထည့္မယ္၊ အခု
အထမအဆင့္ အေနနဲ႔ အေျဖထုတ္ဖို႔ name ဆိုတဲ့ Variable ကိုေရးခ်မယ္၊
Document.write( name) ;
အထက္က အေျဖထုတ္မူက မွာ ေတာ့ Variable ျဖစ္တဲ့ name ကို အေျဖထုတ္ထားတဲ့အတြက္ သင့္ရဲ့ကြန္ျပဴတာ browser မွာ waiferkolar
ဆိုတဲ့စာသားကို ပဲ အေျဖထုတ္ေပးဦးမွာပါ၊
ဒုတိယ အဆင့္အေနနဲပ အေျဖမွာ string data ျဖစ္တဲ့ is my name and my age is ဆိုတဲ့ string ကိုထည့္မယ္၊ ဒီလိုထည့္မယ့္ String data ကို “ ” 
အဖြင့္အပိတ္ ေကာ္မာ ရဲ့ ၾကားမွာထည့္မယ္၊ (အဖြင့္အပိတ္ ေကာ္မာကို String data ရဲ့ ေရွ႕ေနာက္မွာပဲ ထည့္ရပီး၊ ေရွ႕က name ဆိုတဲ့ Varible ကိုေတာ့
မပါ၀င္ပါဘူး၊)၊ ေရွ႕က name ဆိုတဲ့ Variable နဲ႔ အတူ အေျဖထုတ္မွာျဖစ္တဲ့အတြက္ အတူ အေျဖထုတ္ရေအာင္ Adding sign ( မထည့္ရင္
အလုပ္မျဖစ္ဘူး) ျဖစ္တဲ့ အေပါင္း သေကၤသကိုသံုးမယ္၊ ေအာက္မွာၾကည့္ပါ၊
Document.write( name + “ is my name and my age is” );
အထက္မွာေတာ့ အေျဖကို variable ျဖစ္တဲ့ name နဲ႔ String Data ျဖစ္တဲ့ “is my name and my age is” တို႔ကိုေပါင္းျပီး အေျဖထုတ္ဖို႔ေရးလိုက္ပါပီ၊
ဒီမွာ တကယ့္ကို အေရးၾကီးတာက အဖြင့္ အပိတ္ ႏွစ္ထပ္ေကာ္မာကို String Data ျဖစ္တဲ့ is my name and my age is ဆိုတဲ့ စာေၾကာင္း အစနဲ႔
အဆံုးမွာပဲ ၀ိုင္းမွာေနာ္၊ name မပါဘူ၊ ပါရင္ မွားပီ၊
တတိယ အဆင့္ အေနနဲပ ေနာက္ထပ္ varible ျဖစ္တဲ့ age ကို ပါ အေျဖမွာထပ္ထည့္မယ္၊ ဒီ့အတြက္ေတာ့ ထပ္ထည့္မယ့္ variable ကို Text string
ရဲ့ေနာက္မွာ + အေပါင္း လကၡဏာ ထည့္ျပီးထည့္လိုက္ပါ၊ ေအာက္မွာၾကည့္၊
Document.write( name + “ is my name and my age is” + age);
အထက္မွာေတာ့ အေျဖထုတ္ဖို႔အတြက္ အားလံုးကို ျပင္ဆင္ျပီးသြားပီ၊ ပထမ variable ျဖစ္တဲ့ name ျပီးေတာ့ အေျဖမွာ ပါ၀င္မယ့္ text string နဲ႔
ေနာက္ဆံုး variable ျဖစ္တဲ့ age တို႔ အားလံုး အဆင္သင့္ျဖစ္ပီဆိုေတာ့ အေျဖထုတ္လို႔ရပီ၊
ဒါကေတာ့ Text string ေတြနဲ႔ ေပါင္း ျပီး Variable ေတြကို အေျဖထုတ္တဲ့နည္းပါ၊ အထက္မွာ က ဥပမာ တစ္ခုသာလွ်င္ျဖစ္တဲ့အတြက္ ေနာက္ပိုင္း
သင့္စိတ္ၾကိဳက္ Text String ေတြကို ၾကိဳက္တဲ့ေနရာမွာထည့္ျပီးသံုးႏိုင္ပါတယ္၊ ေအာက္မွာ ေျပာင္းထည့္ျပမယ္၊ ဥပမာ
<html>
<head>
</head>
<body>
<script type="text/javascript">
var name ="waiferkolar";
var age = 26;
document.write( "my name is" + name + " , and my age is ," + age);
</script>
</body>
</html>
အထက္က ဥပမာကို ၾကည့္ျပီး သင့္စိတ္ၾကိဳက္ေနရာမွာ string ေတြနဲ႔ Variable ေတြကို ေနရာခ်ျပီး လိုသလိုသံုးႏိုင္တယ္ဆိုတာ
သေဘာေပါက္ပါ၊ ႏွစ္ထပ္ေကာ္မာကို ေတာ့ String မွာပဲရွိပါေစ၊ ေအာက္မွာ ေတာ့ Variable သံုးခုကို ေပါင္းျပီး အေျဖထုတ္ထားတဲ့ပံုပါ၊ additional Sign
ကိုပဲသံုးထားတယ္၊ ေလ့လာပါ၊
<html>
<head>
</head>
<body>
<script type="text/javascript">
var name =" hey my name is waiferkolar";
var job = " I am a PHP programmer";
var extra = " and i do all kind of programming.";
document.write( name + job + extra);
</script>
</body>
</html>

JavaScript_3

JavaScript_3

JavaScript မွ သံုးတဲ့ Variable က ဂဏန္းတန္ဖိုးေတြကိုသာလွ်င္ ကိုင္ေဆာင္ သိုေလွာင္ႏိုင္တာမဟုတ္ပဲ String လို႔ေခၚတဲ့ စာသား ေတြကိုလဲ
သိုေလွာင္ႏိုင္ပါတယ္၊ String ကို ေတာ့ စာသား ေတြကို ရည္ညြန္းပါတယ္၊ (JavaScript ထြင္တဲ့လူက အဲ့ဒီ့လိုညြန္းလို႔ အဲ့ဒီ့လိုပဲ
အဓိပၸါယ္သတ္မွတ္လိုက္တာ)၊ အခု variable တစ္ခုမွာ decimal value လို႔ေခၚတဲ့ ဒသမ ပါတဲ့ စာသားေတြကို သိုေလွာင္ၾကည့္မယ္၊
<html>
<head>
</head>
<body>
<script type= “text/javascript”>
Var number = 3.72727272;
</script>
</body>
</html>
အထက္က ကုတ္ကို ေရးျပီး HTML ဖိုင္အျဖစ္သိမ္း Run လုိက္ပါ၊ ဒါဆိုရင္ေတာ့ အေျဖမွာ 3.27272727 ကိုထုတ္ေပးမွာပါ၊ ဒါကိုၾကည့္ျခင္းျဖင့္
JavaScript က ဒသမ ဂဏန္း decimal value ေတြနဲ႔ တြဲျပီးအလုပ္လုပ္ႏိုင္တယ္ဆိုတာကို သေဘာေပါက္မွာပါ၊ ဒီလိုပဲ အႏုတ္လကၡဏာနဲ႔ စတဲ့
တန္ဖိုးေတြကိုလဲ JavaScript ကကိုင္းတြယ္အလုပ္လုပ္ႏိုင္ေသးပါတယ္၊  အထကက ဥပမာရဲ့ 3.27272727 ရဲ့ေရွ႕မွာ (-) အႏုတ္သေကၤသကို
ထည့္လိုက္ပါ၊ ျပီးရင္ Run ၾကည့္လိုက္ အေျဖက -3.72727272; ဆိုျပီးရမယ္၊
ေနာက္တစ္ခုကေတာ့ String ပါ၊ သူက စာသားေတြကိုဆိုလိုပါတယ္၊ ေအာက္မွာၾကည့္ပါ၊
<html>
<head>
</head>
<body>
<script type= “text/javascript”>
Var number = “hey what’s up dee”;
</script>
</body>
</html>
အထက္က ဥပမာကို Run ၾကည့္ရင္ hey what’s up dee ဆိုတဲ့စာသား string ကို အေျဖအျဖစ္ထုတ္ေပးတာကို ေတြ႔ရမွာပါ၊ ဒီမွာတစ္ခုေျပာစရာရွိတာက
စာသား String ေတြကို Variable မွာသိုေလွာင္ရင္ အဲ့ဒီ့စာသားေတြကို ႏွစ္ထပ္ေကာ္မာ အဖြင့္အပိတ္ “ ” ထဲမွာေရးရပါတယ္၊ ဒါေပသည္ Variable ထဲ မွာ
အုပ္စုမတူတဲ့ String ႏွစ္ခုကို ျဖစ္ေစ ႏွစ္ခုထပ္ ပိုတဲ့ String ကိုျဖစ္ေစ သိုေလွာင္ခ်င္ရင္ေတာ့ escaping လုပ္ရပါတယ္၊ ေအာက္က ကုတ္ကို Run ၾကည့္ပါ၊
<html>
<head>
</head>
<body>
<script type= “text/javascript”>
Var number = “hey what’s up dee, “Getdia Myte, Has’s gone” ”;
</script>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ေတာ့ အေျဖအျဖစ္ ဘာမွမရပါဘူး၊ အေၾကာင္းက JavaScript က String ကိုနားမလည္ေတာ့လို႔ပါ၊
String ႏွစ္ခုရွိတယ္၊ “hey what’s up dee, နဲ႔ “Getdia Myte, Has’s gone”” ဆိုတဲ့ String ႏွစ္ခုပါ၊ အဲ့ဒီံ String ႏွစ္ခုမွာ ပထမ တစ္ခုရဲ့
ႏွစ္ထပ္ေကာမမာ အစက ေနာက္ဆံုး String ျဖစ္တဲ့ Getdia Myte, Has’s gone ရဲ့ ေနာက္ဆံုးမွာ သြားေရာက္ေနတာကိုေတြ႔မွာပါ၊ ဒါက အေရးၾကီးတယ္၊
ခလယ္က ႏွစ္ထပ္ေကာ္မာ အဖြင္အပိတ္ ျဖစ္တဲ့ “Getdia Myte, Has’s gone” ဆိုတဲ့ ေကာ္မွာ အဖြင့္ အပိတ္က JavaScript ကို နား
မလည္ေအာင္ပိတ္ေနတယ္၊ ဒီျပသနာကို ေျဖရွင္းဖို႔အတြက္ ခလယ္က ေကာ္မာ အဖြင့္ အပိတ္ ႏွစ္ခု ရဲ့ ေရွ႕မွာ escaping လုပ္တဲ့ သေကၤသျဖစ္တဲ့
Backward slash ( \ )  ကိုထည့္ေပးရပါမယ္၊ ေအာက္မွာၾကည့္ပါ၊
<html>
<head>
</head>
<body>
<script type= “text/javascript”>
Var number = “hey what’s up dee, \“Getdia Myte, Has’s gone\” ”;
</script>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ေတာ့ အေျဖကို အမွားအရြင္း မရွိ String ႏွစ္ခုလံုးကို ထုတ္ေပးမွာပါ၊ ဒါကေတာ့ ေကာ္မာေတြမ်ားလို႔
မဖတ္ေတာ့တဲ့ JavaScript ကို escaping (\) သံုးျပီး ဖတ္ေအာင္လုပ္တဲ့နည္းပါ၊  ၾကံဳတုန္း Empty Variable နဲ႔ မိတ္ဆက္ေပးပါမယ္၊ Empaty Variable
ဆိုတာက ဘာမွမရွိတဲ့ Variable ပါ၊ 0 သံုးညနဲ႔ေတာ့မတူဘူး၊ သံုညက ရွိေသတယ္၊ လံုး၀ကို မရွိေတာ့တာက Empay Varible ပါ၊ သူ႔ကိုေတာ့ null
လို႔သတ္မွတ္တယ္၊ ေအာက္က ဥပမာကိုၾကည့္ပါ၊
<html>
<head>
</head>
<body>
<script type= “text/javascript”>
Var number = null;
</script>
</body>
</html>
အထက္ကေတာ့ Empty Variable ကိုတည္ေဆာက္တဲ့ ဥပမာပါ၊ ေနာက္ပိုင္း အခန္းေတြမွာ အေသးစိတ္ရွင္းျပပါဦးမယ္၊

JavaScript_2

JavaScript_2

Variable ေတြကို ရွင္းျပမယ္ဆိုရင္ အလြယ္ဆံုးရွင္းျပတဲ့ပံုစံကေတာ့ Algebra ကို သင္သံုးက အတိုင္းပါပဲ၊ x = 5 ဆိုရင္ x ရဲ့တန္ဖိုးက 5 ဆိုတာကို
သိၾကပါတယ္၊ ဒီလိုပါပဲ၊ javaScript ရဲ့ Variable ေတြကလဲ Algebra အတိုင္းပါပဲ၊ တန္ဖိုးေတြကို သိုေလွာင္ပါတယ္၊ ဥပမာ သင္က trigger ဆိုတဲ့
နာမည္နဲ႔ Variable တစ္ခုကို တည္ေဆာက္မယ္၊ အဲ့ဒီ့ Trigger ဆိုတဲ့ Variable ရဲ့တန္ဖိုးကို 50 လို႔သတ္မွတ္မယ္၊ ဒီလိုလုပ္ဖို႔အတြက္ JavaScript မွာ
အရင္ဆံုး Variable ကို သတ္မွတ္ရတယ္၊ သတ္မွတ္ပံုက
Var trigger
အထက္ က trigger က Variable ျဖစ္သြားပါပီ၊ သူ႔ေရွ႕မွာ var ဆိုတဲ့ စာလံုးကိုထည့္လိုက္တာ Variable ျဖစ္ေၾကာင္း သတ္မွတ္လိုက္တာပါပဲ၊ ဒီလိုပဲ
အျခား မည္သည့္ နာမည္ကိုမဆို Varaiable အျဖစ္ သတ္မွတ္ႏိုင္ပါတယ္၊ ဥပမာ သင္က bulayle ဆိုတဲ့ နာမည္နဲ႔ Variable တစ္ခု
သတ္မွတ္ခ်င္တယ္ဆိုရင္ျဖင့္ ေအာက္ပါအတိုင္း bulayle ရဲ့ေရွ႕မွာ var ဆိုတဲ့စာလံုးကို ထည့္ေရးလိုက္ရံုပါပဲ၊
Var bulayle
အထက္က စာသားမွာ bulayle က variable တစ္ခုျဖစ္သြားပီ၊
Variable ကိုတည္ေဆာက္တတ္သြားျပီဆိုရင္ အဲ့ဒီ့ variable မွာ တန္ဖိုးေတြ သတ္မွတ္ရမယ္၊ ဒီလိုတန္ဖိုး သတ္မွတ္ျပီး ေနာက္ပိုင္း
လိုအပ္သလိုေခၚသံုးႏိုင္တယ္၊ တန္ဖိုး သတ္မွတ္ဖို႔အတြက္  Variable ရဲ့ေနာက္မွာ = ညီမွ်ျခင္း ထည့္ျပီး ၾကိဳက္တဲ့တန္ဖိုးကို သတ္မွတ္ႏိုင္တယ္၊ ဂဏန္း
တန္ဖိုးျဖစ္ေစ၊ စာသားတန္ဖိုးျဖစ္ေစ သတ္မွတ္ႏိုင္တယ္၊ ေအာက္မွာ variable ျဖစ္တဲ့ bulayle ကို တန္ဖိုး 50 လို႔သတ္မွတ္ျပမယ္၊
Var bulayle = 50;
ဒါပါပဲ။ လြယ္လြယ္ေလးပါ၊ varaible ရဲ့ေနာက္မွာ ညီမွ်ျခင္းထည့္ျပီး ၾကိဳက္တဲ့တန္ဖိုးကိုသတ္မွတ္တာပါ၊ စာသားတန္ဖိုး သတ္မွတ္ခ်င္ရင္လဲ
Var bulayle = “waiferkolar”;
အထက္က ကုတ္မွာ Variable ျဖစ္တဲ့ bulayle ရဲ့တန္ဖိုးက waiferkolar ပါ၊ ဒါကေတာ့ variable ရဲ့တန္ဖိုးကိုသတ္မွတ္ပံုပါ၊ သင့္စိတ္ၾကိဳက္စာသားကို တန္ဖိုး
အျဖစ္သတ္မွတ္ျပီး လိုသလို ေခၚသံုးႏိုင္တယ္၊ ဥပမာ အေနနဲ႔ HTML Frame ထဲမွာ JavaScript variable ကိုထည့္ျပီးစမ္းသပ္ၾကည့္ပါမယ္၊
<html>
<head>
</head>
<body>
<script type= “text/javascript”>
Var bulayle = “waiferkolar”;
Document.write(bulayle);
</scirpt>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ေတာ့ waiferkolar ဆိုတဲ့စာသားကို အေျဖအျဖစ္ထုတ္ေပးမွာပါ၊ document.write ရဲ့ ေနာက္ရွိ ဂြင္းစ
ဂြင္းပိတ္ထဲမွာ varaible ရဲ့နာမည္ကို ထည့္ျပီး အေျဖထုတ္လိုက္ေတာ့ တကယ့္ browser မွာေပၚလာတာက variable ျဖစ္တဲ့ bulayle ရဲ့တန္ဖိုး
waiferkolar ေပၚလာပါတယ္၊ ေအာက္က ဥပမာ ကိုထပ္ၾကည့္ပါ၊
<html>
<head>
</head>
<body>
<script type= “text/javascript”>
Var x = “50”;
Document.write(x);
</scirpt>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ေတာ့ 50  ကို အေျဖအျဖစ္ထုတ္ေပးမွာပါ၊ document.write ရဲ့ ေနာက္ရွိ ဂြင္းစ ဂြင္းပိတ္ထဲမွာ varaible
ရဲ့နာမည္ကို ထည့္ျပီး အေျဖထုတ္လိုက္ေတာ့ တကယ့္ browser မွာေပၚလာတာက variable ျဖစ္တဲ့ x ရဲ့တန္ဖိုး 50 ေပၚလာပါတယ္၊
ဒီမွာ တစ္ခုေျပာစရာရွိတာကေတာ့ ဘာလို႔ အေထြအထူး Varible ေတြသတ္မွတ္ေနလဲ docment.write(50); ဆိုလဲ 50 ဆိုတဲ့အေျဖကိုရတာပဲလို႔ေျပာ
မယ္၊ တကယ္ program ဆြဲတဲ့ အခါမွာ  အဲ့ဒီ့ Variable ကို အၾကိမ္ၾကိမ္ ထည့္သံုးရမွာပါ၊ ဒီ့အတြက္ ေရးရလြယ္ေအာင္ Varible သတ္မွတ္ရျခင္းျဖစ္သလို၊
တစ္ခ်ိဳ႕ varible ရဲ့တန္ဖိုးေတြကို အရွည္ၾကီးေတြျဖစ္ေနတတ္တယ္၊ ဒီလိုအခါမ်ိဳးမွာ တန္ဖိုးေတြကို တိုက္ရိုက္ေရးခ်ရင္ အခ်ိန္ၾကာႏိုင္တဲ့အတြက္
တန္ဖိုးေတြကို တိုက္ရိုက္မေရးေတာ့ပဲ သူတို႔ရဲ့ ကိုစား Varible ေတြကို အစားသံုးလိုက္တာပါ၊
Variable ရဲ့နာမည္ကို ၾကိဳက္တဲ့နာမည္ေပးလို႔ရတယ္ဆိုေပမယ့္ စာလံုးအၾကီးအေသးကိုေတာ့ သတိထားပါ၊ JavaScript က Case Sensitive လို႔ေခၚတဲ့
ထိလြယ္ရွလြယ္ တဲ့ အာရံုရွိပါတယ္၊ ဥပမာ waiferkolar နဲ႔ Waiferkolar တို႔က JavaScript ရဲ့အျမင္မွာ မတူၾကဘူး၊ စာလံုးအၾကီးအေသး
မွားျပီးသံုးလို႔မရဘူး၊ မွားသံုးရင္ ဘယ္ေတာ့မွ အလုပ္မျဖစ္ေတာ့ဘူး၊ ဒီေတာ့ စာလံုးအၾကီးအေသးကိုသတိထားပါ၊
Variable ေတြကိုသတ္မွတ္တဲ့အခါၾကရင္ နာမည္ေတြကို အကၡရာ။ ဂဏန္း နဲ႔ ( _ )  underscore တို႔ကိုသံုးႏိုင္ပါတယ္၊ က်န္တဲ့ သေကၤသေတြကိုသံုးရင္
အလုပ္ျဖစ္မွာမဟုတ္ပါဘူး၊ ဒါေၾကာင့္ Alpahbet အကၡရာ Number ဂဏန္း နဲ႔ ( _ ) underscore တို႔ကိုတာ သံုးပါ၊
Variable ရဲ့ နာမညမွာ သခ်ၤာ ဂဏန္း သံုးလို႔ရေပမယ္၊ သခ်ၤာ ဂဏန္းနဲ႔ေတာ့ Variable ရဲ့ နာမည္ကို စလို႔မရဘူး၊ ဥပမာ 5bulayle လို႔ေရးလို႔မရဘူး၊

LinkWithin

Related Posts Plugin for WordPress, Blogger...

တြက္ခ်က္ပါ






powered by calculator.net

ေငြအတြက္မပူပါနဲ့

ခ်က္ၾကမယ္ေလ


Try Relay: the free SMS and picture text app for iPhone.