M-JavaScript Lesson 6



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 ကိုအေခၚခံရတိုင္းလုပ္မယ့္အလုပ္၊ အခုဥပမာ တစ္ခု ေရးၾကည့္မယ္၊
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ပါ၊ အေျဖက ဘာမွမထြက္လာဘူးျဖစ္ေနမယ္၊ တကယ္ေတာ့ အထက္က ကုတ္မွာ bookie ဆိုတဲ့ function ကိုတည္ေဆာက္ထားတယ္၊ သူ႔ရဲ့အလုပ္ကို လဲ I am function လို႔ေရးဖို႔ အမိန္႔ေပးထားတယ္၊ ဒါဆိုဘာလို႔အလုပ္မျဖစ္တာလဲ၊ အေၾကာင္းကေတာ့ function ကိုမေခၚေသးလို႔ပါ၊ သူက ေခၚမွ အလုပ္လုပ္တာေလ၊ အခု function ကိုေခၚၾကမယ္၊ function ကိုေခၚဖို႔အတြက္ function ရဲ့နာမည္ကို ေနာက္က ဂြင္းစ ဂြင္းပိတ္ထည့္ ျပီးရင္simicolon ထည့္ျပီးေရးလိုက္ရံုပဲ၊ ေအာက္မွာၾကည့္ပါ၊
အထက္က ကုတ္မွာေတာ့ 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 ကိုေရးလိုက္ရံုပဲ၊ ေအာက္မွာၾကည့္ပါ၊
အထက္က ကုတ္ကိုေရးျပီးရင္ Run ၾကည့္လိုက္ပါ၊ ဒါဆိုရင္ျဖင့္ hey how are you ဆိုတဲ့ Alert box ေလးက်လာမယ္၊ ဒါကေတာ့ alert box ေရးနည္းပါ၊ alert( ); လို႔ေရးျပီး ဂြင္းစ ဂြင္း ပိတ္ထဲမွာထည့္ခ်င္တဲ့ စာသား massage ကိုထည့္ေရးလိုက္ပါ၊ ဒါဆိုရင္ျဖင့္ သင္ေရးလိုက္တ့ဲစာသားပါတဲ့ Alert box ေလးက်လာမွာပါ၊
အခု alert box ေရးနည္းကို သိသြားရင္ေတာ့ အထက္မွာသံုးခဲ့တဲ့ function ကို သံုးျပီး alert box ကိုေခၚၾကည့္ပါမယ္၊ ေအာက္က ကုတ္ကို Run ၾကည့္ပါ၊
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ပါ၊ ဘာမွအေျဖရမွာမဟုတ္ေသးဘူး၊ ေရးထားတဲ့ function ရဲ့နာမည္က fonky ပါ၊ သူ႔ရဲ့ အလုပ္ကေတာ့ alert box သံုးျပီး That look goofy, man! ဆိုတဲ့စာသားကို အေျဖထုတ္ေပးမွာပါ၊ ဒါေပမယ့္ အထက္က ကုတ္ ကို Run ၾကည့္လိုက္ရင္ အေျဖရအံုးမွာမဟုတ္ေသးပါဘူး၊ အေၾကာင္းကေတာ့ function ကို မေခၚရေသးလို႔ပါ၊ ေအာက္ မွာ function ကိုေခၚထားတဲ့ကုတ္ကိုပါ Run ၾကည့္လိုက္ပါ၊
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ေတာ့ အေျဖကို That look goofy , man! ဆိုတဲ့စာသားကိုထုတ္ေပးမွာပါ၊ အထက္က alert box ထဲေရးထားတဲ့ စာသားက function ျဖစ္တဲ့ fonky ရဲ့အလုပ္ပါ၊ ေအာက္မွာ fonky( );  လို႔ေရးျပီး function ကိုေခၚထားတယ္၊ ဒီေတာ့ အေခၚခံရတဲ့ function က အလုပ္စလုပ္တယ္၊ သူ႔အလုပ္ျဖစ္တဲ့ Alert box ကိုထုတ္ေပးလိုက္တယ္၊


                                               .......မူရင္းလင့္ ........
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
 
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
ဓမၼႏွင့္စာေပနန္းေတာ္ http://ninilayy.blogspot.com/

0 comments:

Post a Comment