javascript-bangla-e-book-by-faruk-www-tanbircox-blogspot-com

(cid:197)থম (cid:197)কাশ ২১ (cid:134)শ (cid:134)ফ(cid:458)য়ারী ২০১৩ (cid:197)কাশক ওয়া(cid:166)ডে(cid:197)স (cid:436)প বাংলােদশ (https://www.facebook.com/groups/wordpress2smashing) ওয়া(cid:166)ডে(cid:197)স (cid:436)প ওেয়বসাইট (http://www.wpbangla.com) (cid:134)লখক (cid:134)মাঃ আব(cid:446)(cid:366)া(cid:532) আল-ফা(cid:468)ক (https://www.facebook.com/faruk.ice09) (http://www.webtechnologyblog.com) (cid:197)(cid:248)দ জািমল (cid:134)হােসন িসজান (https://www.facebook.com/zamil.hossainsezan32) আব(cid:446)(cid:366)া(cid:532) আল-ফা(cid:468)ক ও ওয়া(cid:166)ডে(cid:197)স (cid:436)প বাংলােদশ কিপরাইট সত(cid:166)কতা এই বইিট িব(cid:178)েয়র জন(cid:177) নয় বইিট িবনামূেল(cid:177) িবতরণেযাগ(cid:177) javascript bangla e-book is written by md.abdullah al faruk & published by wordpress group bangladesh. copyright by md.abdullah al faruk & wordpress group bangladesh. caution: this book is not for sell. it's free to distribute.

আমার স(cid:340)ে(cid:166)ক- আিম (cid:134)মাঃ আব(cid:446)(cid:366)াহ আল-ফা(cid:468)ক(https://www.facebook.com/faruk.ice09)। পড়ােলখা করিছ কুি(cid:375)য়া ইসলামী িব(cid:429)িবদ(cid:177)ালেয়র ইনফরেমশান এ(cid:301) কিমউিনেকশন ইি(cid:259)িনয়ািরং (ice) িবভােগর তৃতীয় বে(cid:166)ষ। আিম যখন জাভাি(cid:385)(cid:318) (cid:134)শখা (cid:471)(cid:468) কির তখন বাংলােত জাভাি(cid:385)ে(cid:318)র (cid:134)তমন (cid:134)কান িরেসা(cid:166)স িছল না এবং এখন পর(cid:177)(cid:304) বাংলায় জাভাি(cid:385)ে(cid:318)র উপর আমার জানা মেত (cid:134)তমন (cid:134)কান ভােলা বই নাই। আমার খুব ই(cid:248)া িছল জাভাি(cid:385)ে(cid:318)র উপর একটা (cid:430)য়ংস(cid:340)ূ(cid:166)ণ বই পাবিলশ করা িক(cid:451) (cid:134)তমন কাউেক পাইিন (cid:134)য এ ব(cid:177)াপাের সাহায(cid:177) করেত পাের। যােহাক (cid:134)শষ পর(cid:177)(cid:304) ওয়া(cid:166)ডে(cid:197)স (cid:436)েপর (cid:134)সৗজেন(cid:177) (cid:134)ছাটখােটা একটা জাভাি(cid:385)(cid:318) বই িলেখই (cid:134)ফললাম। এর আেগ আিম এইচিটএমএল ও িসএসএস িনেয় আরও (cid:446)িট বই িলেখিছ (cid:134)যখােন যেথ(cid:375) সাড়া (cid:134)পেয়িছ। জাভাি(cid:385)(cid:318) বাংলা ইবুকিট ও আশা কির আপনােদর ওেয়ব (cid:134)ডভলপেম(cid:298) (cid:134)শখার কােজ সামান(cid:177) হেলও কােজ িদেব। আেরকিট কথা বইিটেত জাভাি(cid:385)ে(cid:318)র (cid:197)ােয়ািগক িদক িনেয় (cid:134)তমন (cid:134)বিশ িকছু আেলাচনা করা হয় িন এখােন জাভাি(cid:385)(cid:318) (cid:134)শখােনার (cid:197)িত (cid:435)(cid:468)(cid:418) (cid:134)দওয়া হেয়েছ। বইিট (cid:447)ত িলেখ (cid:134)শষ করার কারেন িকছু ভুল(cid:442)িট থাকেত পাের আশা কির (cid:225)মা সু(cid:309)র দৃি(cid:375)েত (cid:134)দখেবন। আর এই বইিট যিদ আপনােদর (cid:134)শখার কােজ সামান(cid:177) উপকাের লােগ তেব িনেজেক ধন(cid:177) ও আমার পির(cid:204)ম সা(cid:166)থক হেয়েছ বেল মেন করেবা। আিম িবেশষভােব ধন(cid:177)বাদ জানাই জািমল (cid:134)হােসন িসজান (https://www.facebook.com/zamil.hossainsezan32) ও ওয়া(cid:166)ডে(cid:197)স (cid:181)প বাংলােদশ (https://www.facebook.com/groups/wordpress2smashing/) (cid:134)ক। এই বইিটর (cid:430)র(cid:137)(cid:430)(cid:418) আমার। অনু(cid:181)হ কের অনুমিত ছাড়া এই বইিটর আংিশক বা স(cid:340)ূ িবকৃত বা িনেজর নােম চািলেয় (cid:134)দয়ার (cid:134)চ(cid:375)া করেবন না। আপনােদর িনজ িনজ (cid:333)েগর মাধ(cid:177)েম বইিট সবার মােঝ ছিড়েয় িদন। (cid:134)শয়ার ক(cid:468)ন সবার সােথ। (cid:166)ণ কিপ বা -আব(cid:446)(cid:366)া(cid:532) আল-ফা(cid:468)ক

-:সূিচপ(cid:190):- অধ(cid:177)ায়ঃ এক- সাধারণ আেলাচনা  জাভাি(cid:385)(cid:318) কী?  ইিতহাস  (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)া(cid:242)ুেয়জ ও ি(cid:384)(cid:318) ল(cid:177)া(cid:242)ুেয়েজর মেধ(cid:177) পা(cid:166)থক(cid:177)  জাভাি(cid:385)(cid:318) বনাম জাভা  java এবং javascript িক এক ?  জাভাি(cid:385)(cid:318) (cid:134)কন (cid:197)েয়াজন  জাভাি(cid:391)(cid:318) এর সাহােয(cid:177) িনেচর কাজ(cid:435)েলা এর যায়।  জাভাি(cid:385)(cid:318) আরও (cid:134)য কাজ(cid:435)েলা করেত পাের  জাভাি(cid:385)(cid:318) সি(cid:178)য় করা  জাভাি(cid:385)(cid:318) (cid:134)ক ই(cid:298)ারেনট এ(cid:228)ে(cid:323)ারার- এ সচল করারপ(cid:289)িত  জাভাি(cid:385)(cid:318) (cid:134)ক ফায়ারফ(cid:228)- এ সচল করারপ(cid:289)িত  জাভাি(cid:385)(cid:318) (cid:134)ক অেপরা – (cid:134)ত সচল করারপ(cid:289)িত  জাভাি(cid:385)(cid:318) (cid:134)কাথায় িলখেত হয়

অধ(cid:177)ায়ঃ (cid:446)ই- জাভাি(cid:385)(cid:318) (cid:471)(cid:468) করা  জাভাি(cid:385)(cid:318) িসনট(cid:177)া(cid:228)  (cid:197)থম জাভাি(cid:385)(cid:318) (cid:134)কাড (cid:134)লখা  জাভাি(cid:385)(cid:318) (cid:134)(cid:387)টেম(cid:298)  জাভাি(cid:385)(cid:318) (cid:333)ক  জাভাি(cid:385)(cid:318) (cid:134)কাথায় থাকেব? o <head> ট(cid:177)ােগর মােঝ জাভাি(cid:385)ে(cid:318)র ব(cid:177)বহার- o <body> ট(cid:177)ােগর মােঝ জাভাি(cid:385)ে(cid:318)র ব(cid:177)বহার- o <body> ও <head> উভয় ট(cid:177)ােগর মােঝ জাভাি(cid:385)ে(cid:318)র ব(cid:177)বহার-  এ(cid:228)টারনাল জাভাি(cid:385)ে(cid:318)র ব(cid:177)বহার  জাভাি(cid:385)(cid:318) কেম(cid:298)স  (cid:134)য কাজিট জাভাি(cid:385)(cid:318) িদেয় করেত পারেবন না।  সা(cid:166)ভােরর িরেসা(cid:166)স আপিন জাভাি(cid:385)(cid:318) িদেয় একেসস করেত পারেবন না অধ(cid:177)ায়ঃ িতন- জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল  জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল কী?  জাভাি(cid:385)ে(cid:318) (cid:134)ভিরেয়বল িডকলার করা  জাভাি(cid:385)ে(cid:318) (cid:134)ভিরয়াবল িডকলােরর িবিভ(cid:315) প(cid:289)িত  (cid:134)ভিরেয়বল এর উদাহরন

 জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল নােমর িনয়মনীিত  (cid:134)ভিরেয়বেলর কার(cid:177)এলাকা  (cid:134)লাকাল (cid:134)ভিরেয়বল (local variable)  (cid:134)(cid:235)াবাল (cid:134)ভিরেয়বল (global variable)  জাভাি(cid:385)(cid:318) loosely-typed language...!!!!! অধ(cid:177)ায়ঃ চার- জাভাি(cid:385)(cid:318) ডাটা টাইপ  জাভাি(cid:385)(cid:318) ডাটা টাইপ o ১.না(cid:426)ার ডাটা টাইপ (number data type) o ২. লিজক(cid:177)াল ডাটা টাইপ (logical/boolean data type) o ৩.ি(cid:388)ং ডাটা টাইপ (string data type) o ৪.নাল ডাটা টাইপ (null data type) o ৫.আনিডফাই(cid:301) ডাটা টাইপ (undefined data type) অধ(cid:177)ায়ঃ পঁাচ- জাভাি(cid:385)(cid:318) কন(cid:387)(cid:177)া(cid:298) ও িরজা(cid:166)ভড ওয়া(cid:166)ড  জাভাি(cid:385)(cid:318) কন(cid:387)(cid:177)া(cid:298)(javascript : constants)  জাভাি(cid:385)(cid:318) িরজা(cid:166)ভড ওয়া(cid:166)ড  table of javascript reserved words  java keywords (reserved by javascript)  ecmascipt reserved words

 other javascript keywords অধ(cid:177)ায়ঃ ছয়- জাভাি(cid:385)(cid:318) অপােরটর  জাভাি(cid:385)(cid:318) অপােরটর িক?  অপােরটেরর (cid:197)কারেভদ o 1.string operators o 2.comparison operators o 3.arithmetic operators o 4. assignment operators o 5. logical(or relational) operators o 6. conditional (or ternary) operators  জাভাি(cid:385)(cid:318) অপােরটেরর (cid:134)ভিরেয়বল সহ উদাহরন  ি(cid:388)ং ও না(cid:426)ার (cid:134)যাগ করা অধ(cid:177)ায়ঃ সাত- জাভাি(cid:385)(cid:318) ব(cid:177)বহার িনে(cid:166)দিশকা  ১.জাভাি(cid:385)(cid:318) (cid:134)কস (cid:134)সে(cid:317)িটভ  ২.(cid:134)হায়াইট (cid:134)(cid:395)স  ৩.(cid:134)কাডলাইনেক (cid:134)(cid:199)ক করা  ৫.(cid:134)সিমেকালন  ৪.জাভাি(cid:385)ে(cid:318) (cid:134)(cid:395)সাল ক(cid:177)াের(cid:213)ার

অধ(cid:177)ায়ঃ আট- জাভাি(cid:385)(cid:318) কি(cid:301)শনাল (শ(cid:166)তবাচক ) (cid:134)(cid:387)টেম(cid:298)  জাভাি(cid:385)(cid:318) কি(cid:301)শনাল (শ(cid:166)তবাচক ) (cid:134)(cid:387)টেম(cid:298) িক?  কি(cid:301)শনাল (cid:134)(cid:387)টেমে(cid:298)র (cid:197)কারেভদ o ১.if statement o ২.if...else statement o ৩.if...else if....else statement o ৪.switch statement অধ(cid:177)ায়ঃ নয়- জাভাি(cid:385)(cid:318) লুপ/ পুনঃরাবৃি(cid:277) (cid:134)(cid:387)টেম(cid:298)  লুপ (পুনঃরাবৃি(cid:277) ) (cid:134)(cid:387)টেম(cid:298) িক?  লুপ (পুনঃরাবৃি(cid:277) ) (cid:134)(cid:387)টেমে(cid:298)র (cid:197)কারেভদঃ  while loop  do………while loop  for loop  for………in loop  জাভাি(cid:385)(cid:318) লুপ কনে(cid:186)ালঃ  (cid:134)(cid:199)ক (cid:134)(cid:387)টেম(cid:298) (break statement)  কি(cid:298)িনউ (continue statement)

অধ(cid:177)ায়ঃ দশ- জাভাি(cid:385)(cid:318) অ(cid:177)াের  জাভাি(cid:385)(cid:318) অ(cid:177)াের িক?  জাভাি(cid:385)ে(cid:318) অ(cid:177)াের (cid:135)তির করা  জাভাি(cid:385)ে(cid:318) অ(cid:177)াের একেসস করা  অ(cid:177)ােসািসেয়িটভ অ(cid:177)াের িক? অধ(cid:177)ায়ঃ এগার-জাভাি(cid:385)(cid:318) ফাংশন  জাভাি(cid:385)(cid:318) ফাংশান িক?  জাভাি(cid:385)(cid:318) ফাংশােনর (cid:197)কারেভদ  ১.িব(cid:355)-ইন ফাংশান  জাভাি(cid:385)(cid:318) অ(cid:177)াের ফাংশান (javascript array function)  জাভাি(cid:385)(cid:318) বুিলয়ান ফাংশান (javascript boolean function)  জাভাি(cid:385)(cid:318) ম(cid:177)াথ ফাংশান (javascript math function)  জাভাি(cid:385)(cid:318) (cid:134)ডট ফাংশান(javascript date function)  জাভাি(cid:385)(cid:318) না(cid:426)ার ফাংশান (javascript number function)  জাভাি(cid:385)(cid:318) ি(cid:388)ং ফাংশান (javascript string function)  জাভাি(cid:385)(cid:318) (cid:134)র(cid:435)লার এ(cid:228)ে(cid:197)সান ফাংশান (javascript regexp function)  ২.ইউজার িডফাইন ফাংশান  ইউজার িডফাইন ফাংশান (cid:135)তির করা

 ফাংশােনর উদাহরণ  ফাংশন কল করা  ফাংশেন প(cid:177)ারািমটার ব(cid:177)বহার করা ফাংশান িরটা(cid:166)ণ (cid:134)(cid:387)টেম(cid:298) অধ(cid:177)ায়ঃ বার -জাভাি(cid:385)(cid:318) ইেভ(cid:298)  জাভাি(cid:385)(cid:318) ইেভ(cid:298) িক?  জাভাি(cid:385)(cid:318) ইেভে(cid:298)র উদাহরণ  জাভাি(cid:385)(cid:318) ইেভ(cid:298) হ(cid:177)াে(cid:301)লার  জাভাি(cid:385)(cid:318) ইেভ(cid:298) অবেজ(cid:213)  জাভাি(cid:385)(cid:318) ইেভ(cid:298) এি(cid:261)িবউট  মাউস/কীেবা(cid:166)ড এি(cid:261)িবউট  অন(cid:177)ান(cid:177) ইেভ(cid:298) এি(cid:261)িবউট অধ(cid:177)ায়ঃ (cid:134)তর- ইউজােরর সােথ (cid:134)যাগােযাগ  alert box  confirm box  prompt box

অধ(cid:177)ায়ঃ (cid:134)চৗ(cid:286)- অবেজ(cid:213) ওিরেয়ে(cid:298)ড জাভাি(cid:385)(cid:318)  অবেজ(cid:213) ওিরেয়ে(cid:298)ড জাভাি(cid:385)(cid:318) িক?  অবেজ(cid:213)  (cid:197)পাি(cid:166)ট  (cid:134)মথড  অবেজে(cid:213)র (cid:197)কারেভদ  ১.িব(cid:355)-ইন অবেজ(cid:213)  ২. ইউজার িডফাইন অবেজ(cid:213)  জাভাি(cid:385)ে(cid:318) অবেজ(cid:213) (cid:135)তির করা  1.new অপােরটর ব(cid:177)বহার কের সরাসির অবেজ(cid:213) (cid:135)তির করা  2. অবেজ(cid:213) ইিনিশয়ালাইজার (initializer) / constructor function ব(cid:177)বহার কের অবেজ(cid:213) (cid:135)তির অধ(cid:177)ায়ঃ পেনর - জাভাি(cid:385)(cid:318) কুিক  জাভাি(cid:385)(cid:318) কুিক িক?  কুিকর উদাহরণ  কুিক (cid:135)তির ও জমা করা

অধ(cid:177)ায়ঃ (cid:134)ষাল-জাভাি(cid:385)(cid:318) ফ(cid:166)ম (cid:134)ভিলেডশন  জাভাি(cid:385)(cid:318) ফ(cid:166)ম (cid:134)ভিলেডশন িক?  ফ(cid:166)ম (cid:134)ভিলেডশন িদেয় (cid:134)য কাজ(cid:435)েলা করা যায়  ইনপুট িফ(cid:357) ফঁাকা িকনা তা (cid:134)চক করা  ইেমইল (cid:134)ভিলেডশন  জাভাি(cid:385)(cid:318) (cid:134)গটএিলেম(cid:298)বাইআইিড িক?  (cid:134)গটএিলেম(cid:298)বাইআইিড িবষেয় যা মেন রাখা দরকার অধ(cid:177)ায়ঃ সেতর- একনজের জাভাি(cid:385)(cid:318)

অধ(cid:177)ায়ঃ এক- সাধারণ আেলাচনা জাভাি(cid:385)(cid:318) কী? জাভাি(cid:385)(cid:318) হল (cid:178)স (cid:323)াটফ(cid:166)ম অবেজ(cid:213) ওিরেয়ে(cid:298)ড ি(cid:385)ি(cid:318)ং ল(cid:177)া(cid:242)ুেয়জ। জাভাি(cid:385)ে(cid:318)র একিট বড় সুিবধা হল একিট (cid:134)ছাট (cid:134)(cid:197)া(cid:181)ািমং- এর সাহােয(cid:177) অেনক বড় কাজ করা যায়। জাভাি(cid:385)(cid:318) হল একিট ই(cid:298)ারি(cid:197)েটড ল(cid:177)া(cid:242)ুেয়জ (যার অ(cid:166)থ হল এটার পূর(cid:137)ব(cid:166)তী (cid:134)কান ক(cid:340)াইেলশেনর (cid:197)েয়াজন হয় না। জাভাি(cid:385)(cid:318) হল একিট (cid:224)াই(cid:298) সাইড ি(cid:385)ি(cid:318)ং ল(cid:177)াং(cid:435)েয়জ বা (cid:199)াউজার ি(cid:385)ি(cid:318)ং। (cid:224)াই(cid:298) সাইড ি(cid:385)ি(cid:318)ং ল(cid:177)াং(cid:435)েয়জ এর অ(cid:166)থ হে(cid:248) (cid:134)য ওেয়ব (cid:199)াউজ করেব তার (cid:199)াউজার এই ি(cid:385)(cid:318)(cid:435)েলােক run/execute করেব। ি(cid:385)ি(cid:318)ং ল(cid:177)াং(cid:435)েয়জ হল (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)াং(cid:435)েয়েজর সহজ ও সংি(cid:225)(cid:319) (cid:468)প। ওেয়ব (cid:134)পেজ (cid:134)(cid:197)া(cid:181)ািমং-এর (cid:134)ছঁায়া িদেতই ি(cid:384)ে(cid:318)র উ(cid:292)াবন। আপিন যিদ ওেয়ব অ(cid:177)াি(cid:323)েকশন (cid:135)তির করেত চান তেব আপনােক অবশ(cid:177)ই ি(cid:385)ি(cid:318)ং ল(cid:177)া(cid:242)ুেয়জ ভালভােব জানেত হেব। জাভাি(cid:385)ে(cid:318)র জ(cid:316) িস/িস++ ও জাভা (cid:134)থেক। এর িসনট(cid:177)া(cid:228) িস/িস++ ও জাভার মত হেলও িস/িস++ ও জাভার অেনক জিটলতাই এখােন (cid:134)নই। তাই এর িসনট(cid:177)া(cid:228) অেনকটা ঐ সব ল(cid:177)া(cid:242)ুেয়েজর মত। আেরকিট কথা জাভাি(cid:385)(cid:318) ওেয়েবর জন(cid:177) (cid:134)ছাট ি(cid:385)(cid:318) িলখেত সাহায(cid:177) কের যা html ডকুেমে(cid:298)র ই(cid:298)ারঅ(cid:177)াি(cid:213)িভিট বাড়ায়। (cid:224)াই(cid:298) সাইড এর িবপরীত হল সা(cid:166)ভার সাইড,সা(cid:166)ভার সাইড ল(cid:177)াং(cid:435)েয়জ (cid:435)েলার (cid:134)কাড ওেয়ব সা(cid:166)ভার এর মাধ(cid:177)েম execute/run হয়। জাভাি(cid:391)(cid:318) এর (cid:197)ধান সুিবধা হল এর মাধ(cid:177)েম িভিজটরেক সাইেটর এর (cid:197)িত আ(cid:166)কষন সৃি(cid:375) করা যায়।জাভাি(cid:391)ে(cid:318) িনজ(cid:430) ফাংশন (cid:135)তির করেত পারেবন, ই(cid:248)ামত (cid:134)ভিরেয়বল ব(cid:177)বহার করেত পারেবন এমনিক (cid:134)ভিরেয়বল টাইপ িডকলােরশেনরও দরকার হেব না। জাভাি(cid:391)(cid:318) হল ই(cid:298)ারি(cid:197)েটড ল(cid:177)া(cid:242)ুেয়জ অ(cid:166)থাৎ এিটর (cid:197)িতিট লাইন ই(cid:298)ারে(cid:197)ট ((cid:199)াউজার) (cid:420)ারা পািলত হয়। আেরকিট কথা ওেয়বসাইট সাধারণত (cid:446)ই ধরেনর হেয় থােক,ডাইনািমক এবং (cid:387)(cid:177)ািটক। (cid:387)(cid:177)ািটক ওেয়বসাইট হল তাইই যার ডাটা পিরব(cid:166)তনশীল নয়, অ(cid:166)থাৎ সহজ কথায় ি(cid:393)র। ডাইনািমক হল যার ডাটা পিরব(cid:166)তনশীল। জাভাি(cid:385)(cid:318) ওেয়বসাইটেক ডাইনািমক (cid:469)প (cid:134)দয়ার (cid:134)(cid:225)ে(cid:190) এক অপিরহার(cid:177) ভূিমকা পালন কের। ইিতহাসঃ জাভাি(cid:385)(cid:318) উ(cid:292)াবন কেরেছ (cid:134)নটে(cid:384)প কমুিনেকশন কে(cid:166)পােরশেনর (cid:134)(cid:197)া(cid:181)ামার brendan eich। ১৯৯৫ সােলর (cid:134)সে(cid:318)(cid:426)ের livescript নােম (cid:197)থম জাভাি(cid:385)(cid:318) আ(cid:281)(cid:197)কাশ কের। এরপর িডেস(cid:426)র ৪,১৯৯৫ সােল এর নাম পিরব(cid:166)তন কের জাভাি(cid:385)(cid:318) রাখা হয়, যিদও তখনও জাভাি(cid:385)ে(cid:318)র অিফিসয়াল নাম িছল ecmascript। ecmascript (cid:134)ডভলপ ও িনয়(cid:190)ন করত ecma (european computer manufacturer's association) নামক একিট আ(cid:304)(cid:166)জািতক সংগঠন। (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)া(cid:242)ুেয়জ ও ি(cid:384)(cid:318) ল(cid:177)া(cid:242)ুেয়েজর ম(cid:134)ধ(cid:177) পা(cid:166)থক(cid:177)ঃ ১.(cid:430)য়ংস(cid:340)ূ(cid:166)ণ অ(cid:177)াি(cid:323)েকশান (cid:135)তির করা যায় (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)া(cid:242)ুেয়জ ব(cid:177)বহার কের িক(cid:451) ি(cid:384)(cid:318) ল(cid:177)া(cid:242)ুেয়েজর (cid:420)ারা (cid:135)তিরকৃত অ(cid:177)াি(cid:323)েকশান চালােনার জন(cid:177) আলাদা অ(cid:177)াি(cid:323)েকশান/ল(cid:177)া(cid:242)ুেয়জ (cid:197)েয়াজন হয়। ২. ি(cid:384)(cid:318) ল(cid:177)া(cid:242)ুেয়েজর (cid:134)কাডেক ক(cid:340)াইল করার দরকার হয় না।

জাভাি(cid:385)(cid:318) বনাম জাভাঃ java এবং javascript িক এক ? কখেনাই না। (cid:446)িটর উে(cid:286)শ(cid:177),িনয়ম সবই পুেরাপুির আলাদা। জাভা হল একিট জিটল ল(cid:177)াং(cid:435)েয়জ যা (cid:134)কােনা ওেয়বে(cid:197)া(cid:181)াম নয়। এর মাধ(cid:177)েম আপিন আপনার (cid:134)মাবাইল বা (cid:134)ড(cid:384)টেপর জন(cid:177) (cid:134)(cid:197)া(cid:181)াম বা (cid:134)যেকােনা (cid:134)গম (cid:135)তির করেত পােরন। অন(cid:177)িদেক জাভা(cid:385)ী(cid:318) হল একিট সহজেবাধ(cid:177) (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)াং(cid:435)েয়জ। তাছাড়া এেদর ব(cid:177)বহার, (cid:134)লখার িনয়মও আলাদা। িকছু িকছু (cid:134)(cid:225)ে(cid:190) জাভাি(cid:385)(cid:318) ও জাভা এক হেলও (cid:134)মৗিলক িদক (cid:134)থেক (cid:446)িট আলাদা আলাদা ল(cid:177)া(cid:242)ুেয়জ। জাভা হল (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)া(cid:242)ুেয়জ যা sun microsystems নামক (cid:134)কা(cid:340)ািন (cid:134)ডভলপ কেরেছ। অন(cid:177)িদেক জাভাি(cid:385)(cid:318) উ(cid:292)াবন কেরেছ (cid:134)নটে(cid:384)প কমুিনেকশন কে(cid:166)পােরশেনর (cid:134)(cid:197)া(cid:181)ামার brendan eich। জাভােক ক(cid:340)াইল করেত হয় এবং এটা (cid:134)য (cid:134)কান (cid:323)াটফরেম রান করা (cid:134)যেত পাের, অন(cid:177)িদেক জাভাি(cid:385)(cid:318) html (cid:134)কােডর মােঝ রাখা হয় এবং সরাসির (cid:199)াউজার এটােক ই(cid:298)ারে(cid:197)ট কের। িসনট(cid:177)া(cid:228), reserved-words- জাভা ও জাভাি(cid:385)ে(cid:318) আলাদা। জাভাি(cid:385)(cid:318) (cid:134)কন (cid:197)েয়াজনঃ ডাইনািমক ওেয়ব (cid:134)পেজর চািলকাশি(cid:215) হল ি(cid:384)(cid:318)(script)। ি(cid:385)(cid:318) হল কত(cid:435)েলা এি(cid:228)িকঊেটবল (cid:134)(cid:387)টেমে(cid:298)র সমি(cid:375) ((cid:134)যমন- macro or batch file) যা ি(cid:385)ি(cid:318)ং ল(cid:177)া(cid:242)ুেয়জ (cid:420)ারা (cid:135)তির। html ব(cid:177)বহার কের িবিভ(cid:315) (cid:199)াউজাের (cid:197)দ(cid:166)শনেযাগ(cid:177) ওেয়ব (cid:134)পেজ (cid:135)তির করা হয় এবং (cid:134)সই ওেয়ব (cid:134)পজেক আক(cid:166)ষণীয় ফরম(cid:177)াট (cid:134)দওয়া হয় css ব(cid:177)বহার কের। িক(cid:451) (cid:134)কবল html ও css ব(cid:177)বহার কের গিতময় ও ই(cid:298)ারঅ(cid:177)াি(cid:213)ভ ওেয়ব (cid:134)পজ (cid:135)তির করা স(cid:345)ব না। ওেয়ব (cid:134)পেজ ই(cid:298)ারঅ(cid:177)াি(cid:213)িভিট আনেত (cid:197)েয়াজন (cid:134)(cid:197)া(cid:181)ািমং। আর ওেয়ব (cid:134)পেজ এই (cid:134)(cid:197)া(cid:181)ািমং এর কাজ করা হয় ি(cid:384)(cid:318) ল(cid:177)া(cid:242)ুেয়জ ব(cid:177)বহার কের। জাভাি(cid:391)(cid:318) এর সাহােয(cid:177) িনেচর কাজ(cid:435)েলা এর যায়। (cid:199)াউজার নাম, ভা(cid:166)সন, আইএসিপ (cid:134)জেন তা ইউজারেক জানােনা।  ওেয়ব সাইেট ঘিড় (cid:135)তির।  mouse trailers ( site (cid:199)াউজ এর সময় মাউস এ সৃ(cid:375) এিনেমশন)  ওেয়ব (cid:134)পেজ পাসওয়া(cid:166)ড (cid:197)দান।   সমেয়র সােথ অিভবাদন জানােনা।  সমেয়র সােথ িডজাইন পিরব(cid:166)তন।  ওেয়েব (cid:197)েবেশর িকছু সময় পর অন(cid:177) লেকসােন িনেয় যাওয়া।    ইনপুট ও এনভাইরনেম(cid:298) অনুযায়ী সাড়া (cid:134)দওয়া।  ডায়নািমক (cid:188)পডাউন (cid:134)মনু  alert (cid:134)মেসজ  পপআপ উইে(cid:301)া  ফ(cid:166)ম (cid:134)ভিলেডশন  (cid:401)াইড (cid:134)শা চল(cid:304) খবর  িবিভ(cid:315) কি(cid:301)শােনর উপর িভি(cid:277) কের অন(cid:177) (cid:134)পেজ (cid:197)েবেশর সুেযাগ (cid:134)দওয়া (cid:134)গম (cid:135)তির।

 আরও অেনক... জাভাি(cid:385)(cid:318) আরও (cid:134)য কাজ(cid:435)েলা করেত পােরঃ  এইচিটএমএল িডজাইনারেদর জন(cid:177) জাভাি(cid:385)(cid:318) একিট টুল িহেসেব কাজ কের।  এইচিটএমএল (cid:134)কােডর মােঝ ডায়নািমক (cid:134)ট(cid:228)ট ইনপুট কের।  (cid:134)কান ঘটনা ঘটেলই জাভাি(cid:385)(cid:318) সাড়া িদেত পাের (cid:134)যমন- (cid:134)কান (cid:134)পজ (cid:134)লাড হবার পর বা (cid:134)কান বাটেন (cid:134)(cid:197)স করেলই জাভাি(cid:385)(cid:318) কাজ করেব।  জাভাি(cid:385)(cid:318) html এিলেম(cid:298)েক িরড,রাইট ও পিরব(cid:166)তন করেত পাের।  সা(cid:166)ভাের ডাটা পাঠােনার আেগই জাভাি(cid:385)(cid:318) তা (cid:134)চক করেত পাের। এর ফেল সা(cid:166)ভাের অিতির(cid:215) (cid:197)েসিসং-এর দরকার হয় না। (cid:199)াউজার িডেট(cid:213) কের িন(cid:166)ধারণ কের ঐ (cid:199)াউজােরর জন(cid:177) (cid:134)কান (cid:134)পজ (cid:197)দ(cid:166)শন করেত হেব।  জাভাি(cid:385)(cid:318) ব(cid:177)বহার কের আপিন আপনার ওেয়ব (cid:134)পেজ এিনেমশন ইেফ(cid:213) (cid:134)যাগ করেত পােরন (cid:134)কান (cid:197)কার এ(cid:228)টারনাল (cid:326)াশ (cid:323)াগইন ছাড়া (cid:134)যমন- html5 এর canvas (ওেয়ব (cid:134)পেজ সরাসির (cid:188)িয়ং-এর সুিবধা (cid:134)দয়) এিলেমে(cid:298)র ব(cid:177)বহার। এছাড়াও (cid:188)াগ (cid:188)েপর সুিবধা, আপনার ওেয়ব সাইটেক এ(cid:228)টারনাল ওেয়ব সাইেটর ((cid:134)যমন- facebook, twitter, etc.)সােথ ইি(cid:298)ে(cid:181)ট করার সুিবধা (cid:134)দয়। জাভাি(cid:385)(cid:318) সি(cid:178)য় করা জাভাি(cid:385)(cid:318) (cid:134)ক ই(cid:298)ারেনট এ(cid:228)ে(cid:323)ারার- এ সচল করারপ(cid:289)িত: internet explorer এ আপিন security setting এ িগেয় check করেত পােরন (cid:134)য আপনার জাভাি(cid:391)(cid:318)িট িক সচল রেয়েছ িকনা। িনেচ জাভাি(cid:391)(cid:318) সচল করার উপায় (cid:134)দয়া হেলা। ১ (cid:197)থেম tools menu (cid:134)ত click করেত হেব ২ তারপর menu হেত internet options িনর(cid:137)াচন করেত হেব ৩ internet options এর security tab এ click করেত হেব ৪ তারপর custom level বাটেন click কের security settings এ (cid:197)েবশ করেত হেব ৫ scroll কের scripting section এ (cid:134)যেত হেব ৬ script সচল করা জন(cid:177) enable বাটন select করেত হেব ৭ (cid:197)ি(cid:178)য়ািট স(cid:340)(cid:315) করেত ok বাটেন click করেত হেব

৮ করার জন(cid:177) yes বাটেন click করেত হেব জাভাি(cid:385)(cid:318) (cid:134)ক ফায়ারফ(cid:228)- এ সচল করারপ(cid:289)িত: firefox এ আপিন options এর content setting এ িগেয় check করেত পােরন (cid:134)য আপনার জাভাি(cid:391)(cid:318)িট িক সচল রেয়েছ িকনা। িনেচ জাভাি(cid:391)(cid:318) সচল করার উপায় (cid:134)দয়া হেলা। ১ (cid:197)থেম tools menu (cid:134)ত click করেত হেব ২ তারপর menu হেত options িনর(cid:137)াচন করেত হেব ৩ options এর content tab এ click করেত হেব ৪ িনি(cid:368)ত ক(cid:468)ন (cid:134)য enable javascript check box এ িটক (cid:134)দয়া আেছ িকনা ৫ (cid:197)ি(cid:178)য়ািট স(cid:340)(cid:315) করেত ok বাটেন click করেত হেব জাভাি(cid:385)(cid:318) (cid:134)ক অেপরা – (cid:134)ত সচল করারপ(cid:289)িত: opera (cid:134)ত আপিন preferences এর content setting এ িগেয় check করেত পােরন (cid:134)য আপনার জাভাি(cid:391)(cid:318)িট িক সচল রেয়েছ িকনা। িনেচ জাভাি(cid:391)(cid:318) সচল করার উপায় (cid:134)দয়া হেলা। ১ (cid:197)থেম tools menu (cid:134)ত click করেত হেব ২ তারপর menu হেত preferences িনর(cid:137)াচন করেত হেব ৩ preferences এর advanced tab এ click করেত হেব ৪ বাম পােশর িল(cid:387) item হেত content িনর(cid:137)াচন করেত হেব ৫ িনি(cid:368)ত ক(cid:468)ন (cid:134)য enable javascript check box এ িটক (cid:134)দয়া আেছ িকনা ৬ (cid:197)ি(cid:178)য়ািট স(cid:340)(cid:315) করেত ok বাটেন click করেত হেব

জাভাি(cid:385)(cid:318) (cid:134)কাথায় িলখেত হয়: html-এর মত জাভাি(cid:385)(cid:318) (cid:134)কাড িলখেত আলাদা (cid:134)কান সফটওয়(cid:177)ােরর (cid:197)েয়াজন হেব না। (cid:134)ট(cid:228)ট এিডটর (cid:134)নাটপ(cid:177)ােডই (cid:134)কাড িলখা যােব। notepad++ (for windows users) and textwrangler (for mac users) অধ(cid:177)ায়ঃ (cid:446)ই- জাভাি(cid:385)(cid:318) (cid:471)(cid:468) করা জাভাি(cid:385)(cid:318) িসনট(cid:177)া(cid:228)ঃ জাভাি(cid:385)(cid:318) িসনট(cid:177)া(cid:228) হল কত(cid:435)েলা িনয়েমর (a set of rules ) সমি(cid:375) যা িন(cid:166)ণয় কের িকভােব একজন (cid:134)(cid:197)া(cid:181)ামার ল(cid:177)া(cid:242)ুেয়জিট িলখেব এবং (cid:134)কাডিটেক িকভােব (cid:199)াউজার ই(cid:298)ারে(cid:197)ট করেব। জাভাি(cid:385)(cid:318) হল কত(cid:435)েলা (cid:134)(cid:387)টেমে(cid:298)র সমি(cid:375) যা এইচিটএমএল-এর <script>... </script> ট(cid:177)ােগর মােঝ থােক। এইচিটএমএল (cid:134)কােডর (cid:134)য (cid:134)কান (cid:393)ােন <script> ট(cid:177)াগ (cid:393)াপন করা যায় তেব (cid:134)হড (cid:134)সকশােন রাখা উ(cid:277)ম। <script> ট(cid:177)াগ (cid:199)াউজার (cid:134)(cid:197)া(cid:181)ামেক <script>... </script> ট(cid:177)ােগর মােঝর ি(cid:385)(cid:318)েক ই(cid:298)ারে(cid:197)ট করার িনে(cid:166)দশ (cid:134)দয়। সাধারণ জাভাি(cid:385)(cid:318) িসনট(cid:177)া(cid:228) হল- <script type="text/javascript">  </script> ি(cid:385)(cid:318) ট(cid:177)ােগর (cid:446)িট (cid:435)(cid:468)(cid:418)পূ (cid:166)ণ এি(cid:261)িবউট আেছ-  language: ল(cid:177)া(cid:242)ুেয়জ এি(cid:261)িবউট িনে(cid:166)দশ কের ি(cid:385)ি(cid:318)ং ল(cid:177)া(cid:242)ুেয়জ িহেসেব (cid:134)কান ল(cid:177)া(cid:242)ুেয়জ ব(cid:177)বহার করা হে(cid:248)। html ও xhtml-এর সা(cid:341)িতক ভা(cid:166)সেন এটা ব(cid:177)বহাের িনেষধ করা হেয়েছ। <script language = "javascript">  type: এই এি(cid:261)িবউট ি(cid:385)ি(cid:318)ং ল(cid:177)া(cid:242)ুেয়জ িনে(cid:166)দশ কের। ি(cid:385)(cid:318) ল(cid:177)া(cid:242)ুেয়জেক সাধারণত কনেট(cid:298) টাইপ ((cid:134)যমন- "text/javascript" ) িহেসেব িনিদ(cid:387) করা হয়। <script type="text/javascript">

(cid:197)থম জাভাি(cid:385)(cid:318) (cid:134)কাড (cid:134)লখাঃ "hello world" (cid:134)লখািট আমরা (cid:199)াউজাের (cid:134)দখােত চাি(cid:248)। িনেচর মত কের (cid:134)কাড িলখুন- <html> <body> <script type="text/javascript">  </script> </body> </html> আমােদর (cid:197)থম ধাপ হে(cid:248) <script> ট(cid:177)াগ ব(cid:177)বহােরর মাধ(cid:177)েম (cid:199)াউজার (cid:134)ক (cid:134)বাঝােত হেব (cid:134)য আমরা জাভাি(cid:385)(cid:318) ব(cid:177)বহার করিছ। script type িহসােব "text/javascript" (cid:134)সট করেত হেব। এখােন আমরা document.write নােম একিট (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার কেরিছ যার কাজ হল (cid:134)ট(cid:228)ট (cid:197)দ(cid:166)শন করা। আমরা িনেচর মত আউটপুট (cid:134)দখেত পাব- hello world! জাভাি(cid:385)(cid:318) (cid:134)(cid:387)টেম(cid:298) জাভাি(cid:385)(cid:318) হল কত(cid:435)েলা পর(cid:177)ায়(cid:178)িমক (cid:134)(cid:387)টেমে(cid:298)র সমি(cid:375) যা (cid:199)াউজার (cid:420)ারা এি(cid:228)িকউট হয়। (cid:197)িতটা (cid:134)(cid:387)টেম(cid:298) (cid:199)াউজারেক একিট িনে(cid:166)দশ (cid:197)দান কের। জাভাি(cid:385)(cid:318) (cid:134)(cid:387)টেম(cid:298) মূলত (cid:199)উজারেক (cid:134)কান িনে(cid:166)দশ (cid:197)দান কের। আর এই িনে(cid:166)দেশর উে(cid:286)শ(cid:177) হল (cid:199)উজারেক িক করেত হেব তা বেল (cid:134)দওয়া। (cid:134)যমনঃ আমরা যিদ hello dolly (cid:134)লখািট ওেয়ব (cid:134)পেজ (cid:197)দ(cid:166)শন করেত চাই তেব (cid:199)উজারেক িনেচর মত িনে(cid:166)দশ (cid:197)দান করেত হেব- document.write(“hello dolly”); (cid:134)(cid:387)টেম(cid:298) িদেয় (cid:199)াউজারেক hello dolly িলখেত বেল। (cid:134)(cid:387)টেমে(cid:298)র (cid:134)শেষ (cid:134)সিমেকালন (;) িদেয় (cid:134)শষ করেত হয়। এটা অপশনাল। (cid:197)িতটা statement এক লাইেন িলখেত হেব ( এক লাইেনর statement হেল তােদর (cid:134)শেষ (cid:134)সিমেকালন না িদেলও হেব) আর একািধক statement এক লাইেন িলখেল তােদরেক (cid:134)সিমেকালন (cid:420)ারা পৃথক করেত হেব। জাভাি(cid:385)(cid:318) (cid:134)কস (cid:134)সে(cid:317)িটভ তাই (cid:134)(cid:387)টেম(cid:298), (cid:134)ভিরেয়বল, অবেজ(cid:213), ফাংশান (cid:135)তিরর সময় সত(cid:166)ক থাকেত হেব। (cid:134)(cid:387)টেমে(cid:298)র উদাহরণ-

িনেচর (cid:134)কাডিট ওেয়ব (cid:134)পেজ একিট (cid:134)হিডং ও (cid:446)িট প(cid:177)ারা(cid:181)াফ (cid:197)দ(cid:166)শন করেব- <html> <body> <script type="text/javascript"> document.write("<h1>this is a heading</h1>"); document.write("<p>this is a paragraph.</p>"); document.write("<p>this is another paragraph.</p>"); </script> </body> </html> জাভাি(cid:385)(cid:318) (cid:333)কঃ জাভাি(cid:385)(cid:318) (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা (cid:436)প আকাের একটা (cid:333)েকর মােঝ থােক। (cid:333)ক (cid:471)(cid:468) হয় একটা বাম বঁাকােনা ব(cid:177)ােকট”{” িদেয় এবং (cid:134)শষ হয় ডান বঁাকােনা ব(cid:177)ােকট”}” িদেয়। এই (cid:333)ক (cid:135)তিরর উে(cid:286)শ(cid:177) হল পর(cid:177)ায়(cid:178)িমক কত(cid:435)েলা (cid:134)(cid:387)টেম(cid:298)েক একসােথ এি(cid:228)িকউট করা। িনে(cid:338) (cid:333)েকর একিট উদাহরণ (cid:134)দওয়া হল- <html> <body> <script type="text/javascript"> {

document.write("<h1>this is a heading</h1>"); document.write("<p>this is a paragraph.</p>"); document.write("<p>this is another paragraph.</p>"); } </script> </body> </html> (cid:134)কাড িবে(cid:372)ষণঃ এখােন (cid:134)যভােব (cid:333)েকর মােঝ (cid:134)কাড (cid:134)লখা হেয়েছ আসেল সচারচার এভােব (cid:134)লখা হয় না। কত(cid:435)েলা (cid:134)(cid:387)টেম(cid:298)সহ একটা ফাংশান বা কি(cid:301)সােনর উপর িভি(cid:277) কের (cid:333)ক (cid:135)তির করা হয়। পরব(cid:166)তীেত এসব িনেয় িব(cid:389)ািরত আেলাচনা করা হেব। জাভাি(cid:385)(cid:318) (cid:134)কাথায় থাকেব? িনেচর উে(cid:366)িখত (cid:134)য (cid:134)কান (cid:393)ােন আপিন জাভাি(cid:385)(cid:318) রাখেত পােরন-  এইচিটএমএল-এর <head> ট(cid:177)ােগর মােঝ।  এইচিটএমএল-এর <body> ট(cid:177)ােগর মােঝ।   এ(cid:228)টারনাল ফাইল িহেসেব (যা এইচিটএমএল-এর সােথ িল(cid:237) কের িদেত হেব ) <body> ও <head> উভয় (cid:134)সকশেনই রাখা যােব। <head>ট(cid:177)ােগর মােঝ জাভাি(cid:385)ে(cid:318)র ব(cid:177)বহার- (cid:166)ণ ি(cid:385)(cid:318) সমূহ, যার উপর অন(cid:177) ি(cid:385)(cid:318) িন(cid:166)ভর কের তা (cid:134)হড (cid:134)সকশেন রাখা ভাল। যিদ আপিন চান জাভাি(cid:385)(cid:318) (cid:134)ক ফাংশন ও (cid:435)(cid:468)(cid:418)পূ িকছু ইেভ(cid:298) ((cid:134)যমন যখন (cid:134)কান ব(cid:177)বহারকারী (cid:134)কান বাটেন ি(cid:224)ক করেব) এর উপর রান করােবন (cid:134)সে(cid:225)ে(cid:190) আপিন জাভাি(cid:385)(cid:318) (cid:134)ক (cid:134)হড ট(cid:177)ােগ রাখেত পােরন। (cid:134)যমন- িনেচর উদাহরেণ ব(cid:177)বহারকারী যখন বাটেন ি(cid:224)ক করেব তখন alert box (cid:134)দখােব। <html>

<head> <script type="text/javascript">  </script> </head> <body> <input type="button" onclick="sayhello()" value="say hello" /> </body> </html> আমরা একটা ফাংশন (cid:135)তরী কেরিছ যার নাম sayhello এবং এটােক এইচিটএমএল ডকুেম(cid:298) এর head ট(cid:177)াগ এ (cid:134)রেখিছ । এখন আমরা যতবারই বাটেন ি(cid:224)ক করেবা ততবারই "hello world!" নােমর alert box (cid:134)দখােব। <body>ট(cid:177)ােগর মােঝ জাভাি(cid:385)ে(cid:318)র ব(cid:177)বহার- (cid:134)কান (cid:134)পজ (cid:134)লাড হওয়া মা(cid:190)ই যিদ আপিন জাভাি(cid:385)(cid:318) (cid:134)ক রান করােত চান (cid:134)সে(cid:225)ে(cid:190) আপিন জাভাি(cid:385)(cid:318) (cid:134)ক বিড ট(cid:177)ােগর মােঝ রাখেত পােরন। এে(cid:225)ে(cid:190) (cid:134)কান ফাংশান িডকলােরশেনর দরকার (cid:134)নই। <html> <head> </head> <body> <script type="text/javascript">  </script> <p>this is web page body </p> </body> </html> িনেচর মত আউটপুট (cid:134)দখা যােব- hello world

this is web page body <body> ও <head> উভয় ট(cid:177)ােগর মােঝ জাভাি(cid:385)ে(cid:318)র ব(cid:177)বহার- একই সােথ (cid:134)হড ও বিড (cid:134)সকশােন জাভাি(cid:385)(cid:318) (cid:134)কাড (cid:134)লখা যায়। (cid:134)যমন- <html> <head> <script type="text/javascript">  </script> </head> <body> <script type="text/javascript">  </script> <input type="button" onclick="sayhello()" value="say hello" /> </body> </html> িনেচর মত আউটপুট (cid:134)দখা যােব- hello world

এ(cid:228)টারনাল জাভাি(cid:385)ে(cid:318)র ব(cid:177)বহারঃ একই জাভাি(cid:385)(cid:318) (cid:134)কাড িবিভ(cid:315) (cid:134)পেজ ব(cid:177)বহার করেত বা (cid:134)কােডর পিরমান (cid:134)বিশ হেল এ(cid:228)টারনাল জাভাি(cid:385)(cid:318) ব(cid:177)বহার করা হয়। (cid:134)হড ও বিড উভয় (cid:134)সকশােনই এ(cid:228)টারনাল জাভাি(cid:385)(cid:318) ব(cid:177)বহার করা যায়। (cid:197)থমত জাভাি(cid:385)(cid:318) (cid:134)কাড(cid:435)েলা একিট এিডটের িলখেত হেব (cid:134)যখােন <script>......</script> ট(cid:177)াগ থাকেব না,(cid:471)ধুমা(cid:190) জাভাি(cid:385)(cid:318) (cid:134)কাড থাকেব। (cid:134)যমন- function sayhello() { alert("hello world") এরপর ফাইলিটেক ".js" extension িদেয় (cid:134)সভ করেত হেব। মেন কির ফাইলিটেক filename.js নাম িদেয় (cid:134)সভ করা হেয়েছ। এরপর একিট html (cid:134)কাড িলখেত হেব (cid:134)যখােন <script> ট(cid:177)ােগর src এি(cid:261)িবউেটর মাধ(cid:177)েম ঐ filename.js ফাইেলর (cid:134)লােকশান জািনেয় িদেত হেব। (cid:134)যমন- <html> <head> <script type="text/javascript" src="filename.js" ></script> </head> <body> ....... </body> </html> এরপর (cid:134)কাডিটেক “something.html” নাম িদেয় (cid:134)সভ করেত হেব। এে(cid:225)ে(cid:190) html file এবং জাভাি(cid:385)(cid:318) file একই directory (cid:134)ত আেছ বেল মেন করা হে(cid:248)। জাভাি(cid:385)(cid:318) কেম(cid:298)স: আপিন যিদ আেগর (cid:134)কান (cid:197)(cid:181)ািমং ল(cid:177)া(cid:242)ুেয়জ িশেখ থােকন তাহেল কেম(cid:298)স এর (cid:197)েয়াজনীয়তা বুঝেত পােরন। (cid:134)(cid:197)া(cid:181)ােমর মেধ(cid:177) যা (cid:197)(cid:181)ােমর অংশ না িক(cid:451) (cid:197)(cid:181)ামােরর সুিবধার জন(cid:177) (cid:134)নাট আকাের কেম(cid:298)স (cid:134)লখা হয়। জাভাি(cid:385)ে(cid:318) কেম(cid:298) (cid:134)লখার (cid:134)(cid:225)ে(cid:190) // িচ(cid:404) িদেয় কেম(cid:298) িলখুন। (cid:134)যমন- <script type="text/javascript"> // এিট কেম(cid:298), যা (cid:134)(cid:197)া(cid:181)ােমর অংশ নয়। document.write("<h1>this is a heading</h1>"); // এক লাইেনর কেম(cid:298) এভােব িলখুন document.write("<p>this is a paragraph.</p>"); document.write("<p>this is another paragraph.</p>"); </script> একািধক লাইন হেল

অধ(cid:177)ায়ঃিতন- জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল (cid:134)ভিরেয়বল হে(cid:248) একটা পাে(cid:190)র মত (container) (cid:134)যখােন আমরা অেনক তথ(cid:177) রাখেত পাির।(cid:134)যমন-একটা (cid:134)ট(cid:228)(cid:213) ি(cid:388)ং- “hello bangladesh” অথবা একটা integer value 100। (cid:134)কান একটা (cid:134)ভিরেয়বেল একবার তথ(cid:177) (cid:134)রেখ ((cid:134)কান variable এ িকছু রাখা এটােক বেল variable declare বা (cid:134)ঘাষনা) (cid:134)সটা পুেরা (cid:134)কাডজুেড় বারবার ব(cid:177)াবহার করেত পােরন। (cid:134)ভিরেয়বল হল তথ(cid:177) জমা রাখার একিট পাে(cid:190)র মত, যা (cid:134)ভলু (x=5) বা (cid:134)কান এ(cid:228)ে(cid:197)শন(z=x+y) ধারন করেত পাের। (cid:134)ভিরেয়বল হল একটা (cid:197)তীিক (symbolic) নাম যা আপনার িনি(cid:166)দ(cid:375) কের (cid:134)দয়া (cid:134)ভলুেক উপ(cid:393)াপন কের। (cid:134)ভিরেয়বল এর উে(cid:286)শ(cid:177) হে(cid:248) আপনার তথ(cid:177)েক জমা রাখা যােত আপিন পরবি(cid:166)তেত তা ব(cid:177)বহার করেত । (cid:134)ভিরেয়বল নাম ( name) (cid:420)ারা ডাটা (cid:134)মাড়ােনা থােক যােত আপিন সহেজ এটােক move করােত পােরন। জাভাি(cid:385)ে(cid:318) (cid:134)ভিরেয়বল িডকলার করাঃ জাভাি(cid:385)(cid:318) (cid:134)(cid:197)া(cid:181)ােম (cid:134)ভিরেয়বল ব(cid:177)বহােরর পূের(cid:137) অবশ(cid:177)ই তােক িডকলার কের িনেত হেব। স(cid:340)ূ(cid:166)ণ (cid:134)(cid:197)া(cid:181)ােম (cid:134)ভিরেয়বল একবার িডকলার বা ইিনিশয়ালাইজ করেল ি(cid:420)তীয়বার (cid:134)(cid:197)া(cid:181)ােম িডকলার বা ইিনিশয়ালাইজ করার দরকার হেব না। জাভাি(cid:385)ে(cid:318) ভ(cid:177)ািরেয়বেলর ডাটা টাইপ উে(cid:366)খ করার (cid:197)েয়াজন নাই। জাভাি(cid:385)ে(cid:318) variable (cid:134)ঘাষণা করা হয় var িদেয়। এরপর variable নাম ও এর একটা মান(value) (cid:134)সট কের িদেত হয়। (cid:134)যমনঃ var variable_name=”value”; জাভাি(cid:385)ে(cid:318) ভ(cid:177)ািরেয়বল িডকলােরশেনর জন(cid:177) var ব(cid:177)বহার না করেলও চেল। (cid:134)যমনঃ var x=12; এর পিরবে(cid:166)ত (cid:471)ধু x=12; িলখেলও চলেব। উে(cid:366)খ(cid:177), উপেরর (cid:197)িতটা লাইনও এেককটা (cid:134)(cid:387)টেম(cid:298) তাই, (cid:197)িতটা (cid:134)(cid:387)টেম(cid:298) এর পের (cid:134)সিমেকালন ( ; )(cid:134)দয়া হল। জাভাি(cid:385)ে(cid:318) (cid:134)ভিরয়াবল িডকলােরর িবিভ(cid:315) প(cid:289)িতঃ // একিট জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল িডকলার var firstname;

// একািধক জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল িডকলার var firstname, lastname; // একিট জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল িডকলার ও তার মান এসাইন কের (cid:134)দওয়া। var firstname = 'homer'; // একািধক জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল িডকলার ও তােদর মান এসাইন কের (cid:134)দওয়া। var firstname = 'homer', lastname = 'simpson'; (cid:134)নাটঃ (cid:134)ভিরেয়বেলর (cid:134)ভলু িহেসেব (cid:134)ট(cid:228)ট িডকলার করেল তােক অবশ(cid:177)ই ডাবল (cid:134)কােটশােনর মেধ(cid:177) রাখেত হেব। আপিন যিদ (cid:134)ভিরেয়বলেক পুনরায় িডকলার কেরন তেব এটা তার মান হারােব না। (cid:134)ভিরেয়বল এর উদাহরন: (cid:197)থমবার (cid:134)ভিরেয়বল ব(cid:177)বহােরর (cid:134)(cid:225)ে(cid:190) (cid:134)ভিরেয়বল নােমর পুের(cid:137) "var" (cid:134)লখা জ(cid:468)রী নয় তেব ভাল programming practice এর জন(cid:177) (cid:197)থমবার (cid:134)ভিরেয়বল নােমর পুের(cid:137) "var" (cid:134)লখা উিচত। িনেচ উদাহরেনর মাধ(cid:177)েম িবষয়িট পির(cid:384)ার করা হল। (cid:197)দ(cid:166)শন: hello world! i am learning javascript! script is finishing up...

উপেরর উদাহরেন আমরা (cid:446)িট (cid:134)ভিরেয়বল (cid:135)তরী কেরিছ যার একিট লাইন (cid:134)(cid:199)েকর জন(cid:177) html (cid:134)ক ধেরেছ অপরিট হে(cid:248) ডাইনািমক (cid:134)ভিরেয়বল যার উপেরর script এর মেধ(cid:177) িতনিট িভ(cid:315) ধরেনর (cid:134)ভলু রেয়েছ। (cid:134)ভিরেয়বল এর (cid:134)ভলু িনি(cid:166)দ(cid:375) করেত সমান িচ(cid:404) (=) ব(cid:177)বহার করেত হেব। (cid:134)যখােন বাম পােশ থাকেব (cid:134)ভিরেয়বল এবং ডান পােশ থাকেব (cid:134)ভিরেয়বল এর (cid:134)ভলু। (cid:134)যমন my_var = "hello world!" এর মােন হে(cid:248) my_var সমান "hello world!" । (cid:134)ভিরেয়বল এবং এর (cid:134)ভলু বসােনার order িঠক রাখেত হেব অথাৎ (cid:197)থেম (cid:134)ভিরেয়বল এর নাম পের (cid:134)ভিরেয়বল এর (cid:134)ভলু তা না হেল script িঠকমত কাজ করেব না। আেরকিট উদাহরণ (cid:134)দখুনঃ ি(cid:385)(cid:318) এি(cid:228)িকউট হবার সময়ও (cid:134)ভিরেয়বেলর মান পিরব(cid:166)তন কের (cid:134)দওয়া যায়। আপিন একিট (cid:134)ভিরেয়বলেক তার নাম িদেয় (cid:134)রফার করেত পােরন (cid:134)ভিরেয়বেলর মান িডসে(cid:323) বা পিরব(cid:166)তেনর জন(cid:177)। জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বল নােমর িনয়মনীিতঃ      (cid:134)ভিরেয়বেলর নাম (cid:134)কস (cid:134)সে(cid:317)িটভ(y এবং y are (cid:446)িট আলাদা (cid:134)ভিরেয়বল) (cid:134)ভিরেয়বেলর নাম অবশ(cid:177)ই ব(cid:166)ণ (a,b,c) বা আ(cid:301)ারে(cid:384)ার(_) িদেয় (cid:471)(cid:468) হেব। (cid:134)ভিরেয়বেলর নােম (cid:134)য (cid:134)কান ব(cid:166)ণ বা ব(cid:166)ণমালা সংখ(cid:177)া (0-9) বা আ(cid:301)ারে(cid:384)ার থাকেত পাের। (cid:134)ভিরেয়বেলর নােমর মােঝ (cid:134)কান (cid:134)(cid:395)স থাকেত পারেব না। (cid:134)ভিরেয়বেলর নােমর মােঝ িবিভ(cid:315) িচ(cid:404) (cid:134)যমন কমা, ফুল(cid:387)প ব(cid:177)বহার করা যােব না।

 (cid:197)থম ক(cid:177)াের(cid:213)ার িডিজট(0-9) হেত পারেব না।  (cid:134)ভিরেয়বেলর নাম িহেসেব “জাভাি(cid:385)(cid:318) িরজা(cid:166)ভ ওয়া(cid:166)ড” ব(cid:177)বহার করা যােব না। (cid:134)যমন-break বা boolean (cid:134)ভিরেয়বেলর নাম িহেসেব ব(cid:177)বহার করা যােব না। জাভাি(cid:385)(cid:318) িরজা(cid:166)ভ ওয়াে(cid:166)ডর তািলকা িনে(cid:338) (cid:134)দওয়া হল। (cid:134)নাটঃ জাভাি(cid:385)(cid:318) (cid:134)কস (cid:134)সে(cid:317)িটভ তাই (cid:134)ভিরেয়বেলর নাম ও (cid:134)কস (cid:134)সে(cid:317)িটভ। (cid:134)ভিরেয়বেলর কার(cid:177)এলাকাঃ (cid:134)ভিরেয়বল িডকলােরশেনর (cid:393)ান অনুসাের এিটর কার(cid:177) এলাকা local ও global (cid:446)ধরেনর হেত পাের। (cid:134)লাকাল (cid:134)ভিরেয়বল (local variable): যিদ (cid:134)কান ফাংশেনর অিধেন (cid:134)ভিরেয়বল িডে(cid:224)য়ার কেরন তেব তা হেব local (cid:134)ভিরেয়বল। কারণ ঐ (cid:134)ভিরেয়বল (cid:134)কবল ঐ ফাংশােনর মােঝই কাজ করেব। যখন ফাংশােনর কাজ (cid:134)শষ হেব তখন ঐ (cid:134)ভিরেয়বলও ভ(cid:177)ািনস হেয় যােব। িবিভ(cid:315) ফাংশােন একই নােম (cid:134)ভিরেয়বল িডকলার করা যােব। local (cid:134)ভিরেয়বল থাকেব ব(cid:312)নী ({}) মধ(cid:177)। (cid:134)যমন- <script type="text/javascript"> function checkscope( ) { var myvar = "local"; // declare a local variable document.write(myvar); } </script> (cid:134)(cid:235)াবাল (cid:134)ভিরেয়বল (global variable) : (cid:134)কান ফাংশেনর (function) বাইের (cid:134)ভিরেয়বল িডে(cid:224)য়ার করেল তা global variable (cid:468)েপ কাজ করেব। ঐ (cid:134)ভিরেয়বলেক (cid:134)(cid:197)া(cid:181)ােমর সকল ফাংশান ব(cid:177)বহার করেত পারেব। সুতরং (cid:134)কান variable (cid:134)ক একািধক ফাংশেন ব(cid:177)বহার করেত চাইেল অবশ(cid:177)ই তােক global variable িহেসেব (cid:134)ঘাষণা করেবন। (cid:134)(cid:197)া(cid:181)ােমর (cid:471)(cid:468) (cid:134)থেক (cid:134)(cid:197)া(cid:181)াম (cid:134)(cid:224)াজ না করা পর(cid:177)(cid:304) global variable কাজ কের। একই নােম (cid:134)(cid:197)া(cid:181)ােম একিট (cid:134)লাকাল ও (cid:134)(cid:235)াবাল (cid:134)ভিরেয়বল থাকেল (cid:134)লাকাল (cid:134)ভিয়েয়বল (cid:197)াধান(cid:177) পােব। এে(cid:225)ে(cid:190) (cid:134)(cid:235)াবাল (cid:134)ভিরেয়বল হাইড থাকেব।(cid:134)যমন- <script type="text/javascript"> <!-- var myvar = "global"; // declare a global variable function checkscope( ) { var myvar = "local"; // declare a local variable document.write(myvar); }

//--> </script> আউটপুটঃ local (cid:134)নাটঃ "var" কীওয়া(cid:166)ড ছাড়া (cid:134)ভিরেয়বল িডকলার করেল তা global variable িহেসেব কাজ করেব। এে(cid:225)ে(cid:190) সাধারণত (cid:134)ভিরেয়বেলর মান বিসেয় (cid:134)দওয়া হয়। (cid:134)যমন- x=5; carname="volvo"; জাভাি(cid:385)(cid:318) (cid:134)ভিরেয়বেলর সাহােয(cid:177) এিরথেমিটক অপােরশন করা যায়। (cid:134)যমন- y=x-5; z=y+5; জাভাি(cid:385)(cid:318) loosely-typed language...!!!!! জাভাি(cid:385)(cid:318)েক বলা হয় “ loosely-typed language” বা untyped language । কারন (cid:134)ভিরেয়বল িডকলার করেত ডাটা টাইপ উে(cid:366)খ করেত হয় না। এটার অ(cid:166)থ হল একিট (cid:134)ভিরেয়বল িবিভ(cid:315) সময় িবিভ(cid:315) টাইেপর ডাটা ধারন করেত পাের। (cid:134)যমন- var age = 34;হল ইি(cid:298)জার িক(cid:451) var strage = "34"; হল ক(cid:177)াের(cid:213)ার কারণ (cid:134)ভলুেত ডাবল (cid:134)কােটসান (cid:134)দওয়া আেছ। (cid:134)(cid:197)া(cid:181)াম এি(cid:228)িকউট হবার সময় (cid:134)ভিরেয়বেলর (cid:134)ভলু টাইপ (cid:430)য়ংি(cid:178)য়ভােব জাভাি(cid:385)(cid:318) (cid:420)ারা পিরবি(cid:166)তত হেত পাের। যিদ আপিন এটা ম(cid:177)াথ ফাংশান িদেয় করেত চান ((cid:134)যমন- (cid:134)ভলুেক চার িদেয় (cid:435)ন করা) তেব ইি(cid:298)জার টাইেপর (cid:134)ভলু পাওয়া যােব। যিদও এটা সুিবধাজনক , তথািপ এটা ব(cid:177)বহাের সত(cid:166)ক থাকেত হেব কারণ অনাকাি(cid:239)ত ফলাফল আসেত পাের।

অধ(cid:177)ায়ঃ চার- জাভাি(cid:385)(cid:318) ডাটা টাইপ জাভাি(cid:385)(cid:318)ঃ ডাটা টাইপ- জাভাি(cid:385)ে(cid:318) িবিভ(cid:315) ধরেনর ডাটা টাইপ আেছ যা আমরা (cid:134)ভিরেয়বেলর মান িহেসেব ব(cid:177)বহার কের থািক। (cid:134)ভলু হল একিট ইনফরেমশান যা number, string, boolean, null ইত(cid:177)ািদ হেত পাের। জাভাি(cid:385)(cid:318) আপনােক িতনিট ি(cid:197)িমিটভ (primitive) ডাটা টাইপ ব(cid:177)বহােরর সুেযাগ (cid:134)দয়। (cid:134)যমন- ১.সংখ(cid:177)া (number) (cid:134)যমন:1,2,55,.3641 ইত(cid:177)ািদ. ২.(cid:134)যাি(cid:215)ক (boolean) মান অ(cid:166)থাৎ true অথবা false. ৩.শ(cid:328)(cid:435)(cid:248) (strings of text) (cid:134)যমন:islamic university,cse,ice ইত(cid:177)ািদ এছাড়াও null ও undefined নােম (cid:446)িট trivial ডাটা টাইপ আেছ যারা (cid:471)ধুমা(cid:190) একিট (cid:134)ভলু িডফাইন কের। object নােম জাভাি(cid:385)ে(cid:318) একিট composite ডাটা টাইপ আেছ। িনে(cid:338) িবিভ(cid:315) ধরেনর ডাটা টাইেপর ব(cid:166)ণনা (cid:134)দওয়া হল- ১.না(cid:426)ার ডাটা টাইপ (number data type) না(cid:426)ার ডাটা টাইপ (cid:446)ই ধরেনর িনউেমিরক (cid:134)ভলু উপ(cid:393)াপন কের- 32-bit ইি(cid:298)জার এবং 64-bit (cid:326)িটং পেয়(cid:298) না(cid:426)ার। না(cid:426)ার (cid:134)ভলু িবিভ(cid:315) ফরম(cid:177)ােটর হেত পাের। (cid:134)যমন- var age = 25; // simple, decimal, integer var price = 45.95; // floating point var permissions = 0775; // integer in octal, 509 in decimal // (note the leading zero) var flags = 0x1c; // integer in hexadecimal, 28 in decimal // (note the 0x prefix) var measurement = 5.397e-9; // floating point in // scientific notation (cid:134)নাটঃ জাভাি(cid:385)(cid:318) ইি(cid:298)জার ও (cid:326)িটং পেয়(cid:298) (cid:134)ভলুর মােঝ পা(cid:166)থক(cid:177) কের না। জাভাি(cid:385)ে(cid:318) সকল সংখ(cid:177)ােক (cid:326)িটং পেয়(cid:298) িহেসেব ধের (cid:134)নওয়া হয়। জাভাি(cid:385)(cid:318) সংখ(cid:177)া (cid:197)কােশর (cid:134)(cid:225)ে(cid:190) 64-bit (cid:326)িটং পেয়(cid:298) ফরম(cid:177)াট ব(cid:177)বহার কের যা ieee 754 (cid:387)(cid:177)া(cid:301)া(cid:166)ড (cid:420)ারা (cid:430)ীকৃত।

২. লিজক(cid:177)াল ডাটা টাইপ (logical/boolean data type) boolean সকল লা(cid:242)ুেয়েজর কমন ডাটা টাইপ। এটার (cid:446)িট মা(cid:190) (cid:134)ভলু আেছ- true এবং false। এই (cid:446)িট (cid:134)ভলু জাভাি(cid:385)ে(cid:318)র িরজা(cid:166)ভ ওয়া(cid:166)ড, যােদর িনজ(cid:430) কাজ রেয়েছ। কি(cid:301)শনাল (cid:134)(cid:387)টেমে(cid:298) বুিলয়ান ডাটা টাইপ ব(cid:177)বহার করা হয়। var enabled = true; var disabled = false; ৩.ি(cid:388)ং ডাটা টাইপ (string data type) ি(cid:388)ং অেনক জনি(cid:197)য় একটা ডাটা টাইপ যা (cid:134)ট(cid:228)ট উপ(cid:393)াপেনর জন(cid:177) ব(cid:177)বহার করা হয়। ি(cid:388)ং হল কত(cid:435)েলা ক(cid:177)াের(cid:213)ােরর সমি(cid:375) যা িসে(cid:242)ল বা ডাবল (cid:134)কােটশান (cid:420)ারা আব(cid:289) থােক। var name = 'homer', lastname = "simpson"; var host = 'conan o\'brien'; var path = 'c:\\temp\\dir\\myfile.txt'; var tabdelimited = "col1\tcol2\tcol3\nval1\tval2\tval3"; ৪.নাল ডাটা টাইপ (null data type) null একিট িবেশষ ধরেনর কীওয়া(cid:166)ড যা null (cid:134)ভলু ((cid:134)কান মান থাকেব না) (cid:197)কাশ কের। অন(cid:177)ভােব বলা যায় null এমন একিট ডাটা টাইপ যার (cid:471)ধুমা(cid:190) একিট (cid:134)ভলু- null । null (cid:134)ভলু তখনই আমরা ব(cid:177)বহার করব যখন (cid:134)ভিরেয়বেলর মান আমােদর অজানা। আমরা জািন (cid:134)ভিরেয়বেলর নাম (cid:134)কস (cid:134)সে(cid:317)িটভ তাই null কীওয়া(cid:166)ড null, null অথবা অন(cid:177)েকান কি(cid:426)েনশন এক নয়। var name = "homer"; var ssn = null; ৫.আনিডফাই(cid:301) ডাটা টাইপ (undefined data type) undefined ডাটা টাইেপর (cid:471)ধুমা(cid:190) একিট (cid:134)ভলু রেয়েছ- undefined। এটা null-এর মত িক(cid:451) আবার সিঠকভােব এক িজিনস না। undefined মূলত (cid:134)কান (cid:134)ভিয়েয়বেলর িডফ(cid:355) মান (cid:197)কাশ কের যা ইিনিশয়ালাইেজর (cid:197)েয়াজন হয় না, এটােক জাভাি(cid:385)(cid:318) constant ও বলা যায়। (cid:134)যমন- var name = "homer"; var ssn;

উপেরর উদাহরেন ssn হল undefined (cid:134)ভিয়েয়বল যা null বা অন(cid:177)েকান (cid:134)ভলু (cid:420)ারা ইিনিশয়ালাইজ করা হয় িন। অধ(cid:177)ায়ঃ পঁাচ- জাভাি(cid:385)(cid:318) কন(cid:387)(cid:177)া(cid:298) ও িরজা(cid:166)ভড ওয়া(cid:166)ড জাভাি(cid:385)(cid:318) কন(cid:387)(cid:177)া(cid:298)(javascript : constants) “const” কীওয়া(cid:166)ড ব(cid:177)বহার কের জাভাি(cid:385)ে(cid:318) কন(cid:387)(cid:177)া(cid:298) িডকলার করা হয়। জাভাি(cid:385)ে(cid:318) ফাংশান িডকলােরর সময় কন(cid:387)(cid:177)া(cid:298) (cid:134)লাকাল বা (cid:134)(cid:235)াবাল উভয় ধরেণর হেত পাের। কন(cid:387)(cid:177)া(cid:298) হল read-only অ(cid:166)থাৎ একবার িডকলার করা হেল এটা আর পিরব(cid:166)তন করা যায় না। কন(cid:387)(cid:177)া(cid:298) নােমর িনয়ম নীিত (cid:134)ভিরেয়বল নােমর িনয়ম নীিতর অনু(cid:469)প, (cid:471)ধু একিট িবষেয়র পা(cid:166)থক(cid:177) (cid:134)য কন(cid:387)(cid:177)া(cid:298) িডকলােরর (cid:134)(cid:225)ে(cid:190) সর(cid:137)দা “const” কীওয়া(cid:166)ড ব(cid:177)বহার করেত হেব। যিদ “const” কীওয়া(cid:166)ড ব(cid:177)বহার করা না হয় তেব এটা (cid:134)ভিরেয়বল িহেসেব ধের (cid:134)নওয়া হেব। উদাহরণঃ const country = 'bangladesh'; //ফাংশান িডকলােরর সময় কন(cid:387)(cid:177)া(cid:298) ও ফাংশােনর নাম একই হওয়া যােব না। একই ফাংশােনর মােঝ কন(cid:387)(cid:177)া(cid:298) ও (cid:134)ভিরেয়বেলর নাম একই হওয়া যােব না। িনেচর (cid:134)(cid:387)টেম(cid:298)(cid:435)লেত ইরর (cid:134)দখােব। function abc() { const abc = 55; } function abc() { const x = 15; var x; } জাভাি(cid:385)(cid:318) িরজা(cid:166)ভড ওয়া(cid:166)ডঃ িনে(cid:338) জাভাি(cid:385)(cid:318) িরজা(cid:166)ভ ওয়াে(cid:166)ডর তািলকা (cid:134)দওয়া হল। জাভাি(cid:385)ে(cid:318) ফাংশন, (cid:134)ভিরেয়বল, (cid:134)মথড, লুপ (cid:134)লেবল এবং (cid:134)য (cid:134)কান অবেজে(cid:213)র নাম িডকলার করেত এইসকল িরজা(cid:166)ভ ওয়া(cid:166)ড ব(cid:177)বহার করা (cid:134)থেক িবরত থাকুন কারন এেদর িনজ(cid:430) ব(cid:177)বহার আেছ। এেদর মােঝ িকছু জাভাি(cid:385)(cid:318) কীওয়া(cid:166)ড রেয়েছ।

other javascript keywords eval link outerheight scrollto fileupload location outerwidth select find focus form frame frames function getclass hidden history location packages self locationbar pagexoffset setinterval math pageyoffset settimeout menubar parent status mimetype parsefloat statusbar moveby moveto name nan parseint password personalbar plugin print alert anchor area arguments array assign blur boolean button callee caller close closed confirm constructor date document document element escape captureevents history navigate checkbox home navigator prompt clearinterval image navigator prototype textarea cleartimeout infinity netscape radio defaultstatus javaarray onload innerheight number ref innerwidth object regexp isfinite isnan java onblur onerror onfocus releaseevents unescape reset resizeby resizeto javaclass onunload routeevent javaobject open scroll javapackage opener scrollbars length option scrollby stop string submit sun taint text toolbar top tostring untaint unwatch valueof watch window window

অধ(cid:177)ায়ঃ ছয়- জাভাি(cid:385)(cid:318) অপােরটর জাভাি(cid:385)(cid:318) অপােরটর িক? অপােরটর হল, িবিভ(cid:315) ম(cid:177)াথেমিটক(cid:177)াল অপােরশন করার জন(cid:177) ব(cid:177)ব(cid:488)ত িচ(cid:404)। (cid:134)যমনঃ (cid:134)যাগ, িবেয়াগ, (cid:435)ন, ভাগ ইত(cid:177)ািদ হল ম(cid:177)াথেমিটক(cid:177)াল অপােরশন, আর এ সকল অপােরশন স(cid:340)(cid:315) করা হয় যথা(cid:178)েম +,-,* ও / িচে(cid:404)র মাধ(cid:177)েম। এসকল িচ(cid:404)ই হল অপােরটর। জাভাি(cid:385)ে(cid:318) িস(cid:289)া(cid:304) (cid:181)হেনর (cid:134)(cid:225)ে(cid:190) মূল ভুিমকা পালন কের থােক অপােরটর। অন(cid:177)ান(cid:177) (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)াং(cid:435)েয়জ এর অপােরটর এর সােথ জাভাি(cid:385)(cid:318) অপােরটর এর িমল আেছ। অপােরটর হে(cid:248) এমন একিট symbol((cid:197)তীক) যা (cid:134)কান গািনতীক কাজ করেত ব(cid:177)ব(cid:403)ত হয়। (cid:134)বিশর ভাগ (cid:134)(cid:225)ে(cid:190) কাজ(cid:435)েলা হে(cid:248) পািটগিনতীয়( arithmetic) (cid:134)যমন (cid:134)যাগ, িবেয়াগ ইত(cid:177)ািদ তেব সবে(cid:225)ে(cid:190) নয়। variable ও অন(cid:177)ান(cid:177) অবেজে(cid:213)র পার(cid:395)িরক গািণিতক ও (cid:134)যাি(cid:215)ক স(cid:340)(cid:166)ক (cid:134)বাঝােনার জন(cid:177) অপােরটর ব(cid:177)বহার করা হয়। কােজর ধরন অনুসাের জাভাি(cid:385)ে(cid:318) পঁাচ ধরেণর অপােরটর ব(cid:177)বহার করা হয়। যথাঃ 1.string operators 2.comparison operators 3.arithmetic operators 4. assignment operators 5. logical(or relational) operators 6. conditional (or ternary) operators 1.string operator: জাভাি(cid:385)ে(cid:318) (cid:446)িট string operator আেছ- + += (cid:446)ই বা তেতািধক উপাদানেক যু(cid:215) কের একিট string এর সােথ আেরকিট string যু(cid:215) কের। + অপােরটরঃ ি(cid:388)ং (cid:134)ভিরেয়বলেক((cid:446)ই বা তেতািধক) এক(cid:190) করেত বা (cid:134)ট(cid:228)ট (cid:134)ভলুেক এক(cid:190) করেত + অপােরটর ব(cid:177)বহার করা হয়। (cid:134)যমনঃ িনেচর উদাহরেন কত(cid:435)েলা ি(cid:388)ংেক এক(cid:190) করা হেয়েছ-

উদাহরনঃ “i”+”am”+myname এখােন iও am (cid:446)েটা string এবং myname একিট variable। যিদ myname variable এর মান faruk হয় অেব উপেরর (cid:134)(cid:387)টেম(cid:298) হেব- “i am faruk” +=অপােরটরঃ book+=”about javascript” হয় যিদ book variable-এর মান “this book is” হয়, তেব উপেরর (cid:134)(cid:387)টেম(cid:298) হেব- “this book is about javascript” (cid:134)মেসজ, পরাম(cid:166)শ বা তথ(cid:177) (cid:197)দ(cid:166)শন করার জন(cid:177) অপােরটর অপিরহার(cid:177)। িনেচর উদাহরেণ ইউজােরর নাম (cid:134)জেন তা (cid:134)মেসজ িহেসেব (cid:134)দখােব- 2.comparison অপােরটরঃ (cid:446)েটা মােনর মােঝ তুলনা করার জন(cid:177) comparison অপােরটর ব(cid:177)বহার করা হয়। অন(cid:177)ভােব বলা যায়-(cid:134)ভিরেয়বল বা (cid:134)ভলুস এর মেধ(cid:177) স(cid:340)(cid:166)ক িন(cid:166)ণয় করেত comparison অপােরটর ব(cid:177)ব(cid:404)ত হয়। comparison অপােরটর সাধারণত conditional (cid:134)(cid:387)টেম(cid:298)(cid:435)লেত িবিভ(cid:315) (cid:134)ভলুর মধ(cid:177) তুলনা করেত এবং ফলাফেলর উপর িভি(cid:277) কের িস(cid:289)া(cid:304) িনেত সাহায(cid:177) কের। (cid:134)যমন- if (age<18) document.write("too young");

একটা equal িচ(cid:404) (cid:134)য (cid:134)ভলু (cid:134)সট কের আর double equal িচ(cid:404) (==) (cid:446)িট (cid:134)ভলুর মেধ(cid:177)র তুলনা কের comparison অপােরটর যা conditional statement এর িভতের ব(cid:177)ব(cid:404)ত হয় এবং সত(cid:177), িমথ(cid:177)া িন(cid:166)ণয় কের। সমান(==) এবং সমান নয়(!==) অপােরটর ব(cid:177)বহার করা হেল ি(cid:385)(cid:318) ইি(cid:259)ন (cid:134)সই (cid:134)(cid:387)টেমে(cid:298)র সত(cid:177)তা যাচাইেয়র আেগ ডাটা টাইপ (cid:469)পা(cid:304)র (কনভা(cid:166)সন) কের না। (cid:134)যমন- “10”==10 (cid:134)ক সমান ধারা হেব। িক(cid:451) অবশ(cid:177)ই সমান(==) এবং অবশ(cid:177)ই সমান নয়(!==) অপােরটর ব(cid:177)বহার করা হেল (cid:134)সই (cid:134)(cid:387)ে(cid:263)(cid:298) যাচােয়র আেগ ি(cid:385)(cid:318) ইি(cid:259)ন ডাটা টাইপ কনভা(cid:166)সেনর কাজ (cid:134)সের (cid:134)নেব। এে(cid:225)ে(cid:190) “10”==10 সমান হেব

না। কারণ “10” হল ি(cid:388)ং আর 10 হল সংখ(cid:177)া। conditional loop (cid:135)তিরেত comparison অপােরটর সা(cid:166)থকভােব ব(cid:177)ব(cid:488)ত হয়। 3.arithmetic operator: িবিভ(cid:315) (cid:134)ভিরেয়বেলর মােঝ arithmetic operators করেতই arithmetic অপােরটর ব(cid:177)বহার করা হয়। y=5 এর জন(cid:177) arithmetic operators িনেচ ব(cid:177)াখ(cid:177)া করা হল- অপােরটর + - * / % ++ ব(cid:166)ণনা addition subtraction multiplication division modulus (division remainder) increment -- decrement উদাহরণ x=y+2 x=y-2 x=y*2 x=y/2 x=y%2 x=++y x=y++ x=--y x=y-- ফলাফল x=7 x=3 x=10 x=2.5 x=1 x=6 x=5 x=4 x=5 y=5 y=5 y=5 y=5 y=5 y=6 y=6 y=4 y=4

5. logical operator: variables এবং values মেধ(cid:177) লিজক িডটারমাইন করেত logical operators ব(cid:177)বহার করা হয় comparison এবং logical operators ব(cid:177)বহার কের সত(cid:177) িমথ(cid:177)া িন(cid:166)ণয় করা হয়। assume variable a holds 10 and variable b holds 20 then: অপােরটর ব(cid:166)ণনা উদাহরণ called logical and operator. if both the operands are non zero then then condition becomes true. called logical or operator. if any of the two operands are non zero then then condition becomes true. called logical not operator. use to reverses the logical state of its operand. if a condition is true then logical not operator will make false. (a && b) is true. (a || b) is true. !(a && b) is false. && || ! given that x=6 and y=3, the table below explains the logical operators: operator description && || ! and or not example (x < 10 && y > 1) is true (x==5 || y==5) is false !(x==y) is true

জাভাি(cid:385)(cid:318) অপােরটেরর (cid:134)ভিরেয়বল সহ উদাহরন: িনেচ একটা সাধারন উদাহরন (cid:134)দয়া হেলা (cid:134)যখােন (cid:134)মৗিলক পািটগিনতীয় কার(cid:177) স(cid:340)(cid:315) হেয়েছ । (cid:197)দ(cid:166)শন: two plus ten = 12 ten * ten = 100 ten / two = 5 ি(cid:388)ং ও না(cid:426)ার (cid:134)যাগ করাঃ যিদ আপিন না(cid:426)ার ও ি(cid:388)ং এক সােথ (cid:134)যাগ কেরন তেব আউটপুট ি(cid:388)ং হেব। (cid:134)যমন- x=5+5; document.write(x); // আউটপুট 10 হেব x="5"+"5";

document.write(x); // x=5+"5"; document.write(x); // আউটপুট 55 হেব x="5"+5; document.write(x); // আউটপুট 55 হেব অধ(cid:177)ায়ঃ সাত- জাভাি(cid:385)(cid:318) ব(cid:177)বহার িনে(cid:166)দিশকা জাভাি(cid:385)(cid:318) ব(cid:177)বহার িনে(cid:166)দিশকাঃ যখন জাভাি(cid:385)(cid:318) (cid:134)কািডং করেবন তখন িকছু িবষয় (cid:134)খয়াল রাখেবন- ১.জাভাি(cid:385)(cid:318) (cid:134)কস (cid:134)সে(cid:317)িটভঃ জাভাি(cid:385)(cid:318) (cid:134)কস (cid:134)সে(cid:317)িটভ তাই (cid:134)ভিরেয়বল, অবেজ(cid:213), ফাংশান (cid:135)তিরর সময় সত(cid:166)ক থাকুন। (cid:134)যমন- "myfunction" ও "myfunction" (cid:446)িট ফাংশান আলাদা অ(cid:166)থ বহন কের। (cid:134)তমিন "myvar" ও "myvar" (cid:446)িট (cid:134)ভিরেয়বলও আলাদা অ(cid:166)থ বহন কের। ২.(cid:134)হায়াইট (cid:134)(cid:395)সঃ জাভাি(cid:385)(cid:318) (cid:134)হায়াইট (cid:134)(cid:395)স, ট(cid:177)াব ও নুতন লাইনেক উেপ(cid:225)া কের। আপিন ই(cid:248)ামত (cid:134)হায়াইট (cid:134)(cid:395)স ব(cid:177)বহার করেত পােরন (cid:134)কািডং-এ (cid:134)কান ভুল হেব না। (cid:134)যমন- var name="hege"; var name = "hege"; এেদর মােঝ (cid:134)কান পা(cid:166)থক(cid:177) (cid:134)নই। ৩.(cid:134)কাডলাইনেক (cid:134)(cid:199)ক করাঃ (cid:134)কাড িলখেত যিদ এক লাইেন না ধের তেব একটা ব(cid:177)াক(cid:401)াশ(“\”) িদেয় পেরর লাইন (cid:134)থেক িলখা (cid:471)(cid:468) করা (cid:134)যেত পাের। (cid:134)যমন- document.write("hello \ world!");

আউটপুট এক লাইেনই (cid:134)দখা যােব। তেব িনেচর মত কের লাইন (cid:134)(cid:199)ক করেত পারেবন না- document.write \ ("hello world!"); ৫.(cid:134)সিমেকালনঃ সাধারণ (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা জাভাি(cid:385)ে(cid:318) (cid:134)সিমেকালন (cid:420)ারা আলাদা করা হয়। িক(cid:451) আপিন যিদ (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা আলাদা আলাদা লাইেন িলেখন তেব (cid:134)সিমেকালন দরকার হেব না। (cid:134)যমন- <script language="javascript" type="text/javascript">  </script> িক(cid:451) (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা একই লাইেন িলখেল (cid:134)সিমেকালন দরকার হেব। (cid:134)যমন- <script language="javascript" type="text/javascript">  </script> (cid:134)নাটঃ ভােলা (cid:134)(cid:197)া(cid:181)ািমং-এর জন(cid:177) (cid:134)সিমেকালন ব(cid:177)বহার করা দরকার।

৪.জাভাি(cid:385)ে(cid:318) (cid:134)(cid:395)সাল ক(cid:177)াের(cid:213)ার জাভাি(cid:385)ে(cid:318) ব(cid:177)াক(cid:401)াশ (\) ব(cid:177)বহার কের (cid:134)(cid:395)সাল ক(cid:177)াের(cid:213)ার (cid:134)যমন-apostrophes, new lines, quotes, এবং অন(cid:177)ান(cid:177) (cid:134)(cid:395)সাল ক(cid:177)াের(cid:213)ার (cid:134)ট(cid:228)ট ি(cid:388)ং এর মােঝ ইনসাট করা হয়। জাভাি(cid:385)ে(cid:318) ি(cid:388)ং িসে(cid:242)ল বা ডাবল (cid:134)কােটশান িদেয় (cid:471)(cid:468) বা (cid:134)শষ হয়। (cid:134)যমন- var txt="we are the so-called \"vikings\" from the north."; document.write(txt); আউটপুটঃ we are the so-called "vikings" from the north. এই িডকলােরশনেক আমরা যিদ িনেচর মত িলিখ তেব আউটপুট (cid:134)দখা যােব না- var txt="we are the so-called "vikings" from the north."; document.write(txt); তাহেল আমরা বুঝেত পারলাম (cid:134)কােটশান িদেত হেল তার আেগ একিট ব(cid:177)াক(cid:401)াস সাইন িদেত হেব। ব(cid:177)াক(cid:401)াশ িদেয় আর (cid:134)য কাজ(cid:435)েলা করা যায়- (cid:134)কাড আউটপুট \' \" \\ \n \r \t \b \f একক (cid:134)কােটশান ডাবল (cid:134)কােটশান ব(cid:177)াক(cid:401)াস নুতন লাইন ক(cid:177)ােরজ িরটান ট(cid:177)াব ব(cid:177)াকে(cid:395)স ফ(cid:166)ম িফড

অধ(cid:177)ায়ঃ আট- জাভাি(cid:385)(cid:318) কি(cid:301)শনাল (শ(cid:166)তবাচক ) (cid:134)(cid:387)টেম(cid:298) জাভাি(cid:385)(cid:318) কি(cid:301)শনাল (শ(cid:166)তবাচক ) (cid:134)(cid:387)টেম(cid:298)ঃ িবিভ(cid:315) কি(cid:301)শােনর উপর িভি(cid:277) কের িবিভ(cid:315) কাজ স(cid:340)াদন করেত কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয়। কি(cid:301)শনাল (cid:134)(cid:387)টেমে(cid:298) (cid:134)কান শ(cid:166)ত পূরণ হেলই (cid:134)কবল (cid:134)সই (cid:134)(cid:387)টেমে(cid:298) (cid:197)দ(cid:277) িনে(cid:166)দশ পািলত হয়। (cid:134)যমন- (cid:134)কান (cid:333)গ সাইেটর (cid:134)রিজে(cid:387)সশনকৃত ইউজাররাই (cid:333)গ িলখেত ও ম(cid:304)ব(cid:177) করেত পারেব। এখােন কি(cid:301)শান satisfy করেলই (cid:134)কবল এই কাজ করা স(cid:345)ব। ওেয়ব সাইটেক (cid:197)ানব(cid:304),আক(cid:166)ষনীয় এককথায় ডায়নািমক করেত অবশ(cid:177)ই কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298) স(cid:426)ে(cid:312) ভােলা (cid:256)ান থাকেত হেব। জাভাি(cid:385)ে(cid:318) িন(cid:338)িলিখত কি(cid:301)শনাল (cid:387)টেম(cid:298)(cid:435)েলা িবদ(cid:177)মানঃ ১.if statement – একিট মা(cid:190) শ(cid:166)তযু(cid:215) (cid:134)কান (cid:333)ক এি(cid:228)িকউট করেত এই (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয়। এই (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয় যিদ (cid:471)ধুমা(cid:190) একিট কি(cid:301)শান সত(cid:177) হয়। ২.if...else statement – কি(cid:301)শান সত(cid:177) হেল িকছু (cid:134)কাড এি(cid:228)িকউট হয় এবং কি(cid:301)শান িমথ(cid:177)া হেল অন(cid:177) িকছু (cid:134)কাড এি(cid:228)িকউট হেব। এে(cid:225)ে(cid:190) এই (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয়। ৩.if...else if....else statement – এই (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয় যিদ একািধক (cid:333)েকর (cid:134)কাড এি(cid:228)িকউট করেত হয় (cid:134)যখােন (cid:197)িতটা (cid:333)েক আলাদা আলাদা শ(cid:166)ত (cid:134)দওয়া থােক। ৪.switch statement – এই (cid:134)(cid:387)টেম(cid:134)(cid:298)র কাজ if...else if....else statement এর মেতাই। িনেচ (cid:197)িতিট (cid:134)(cid:387)টেম(cid:298) িনেয় িব(cid:389)ািরত আেলাচনা করা হল- ১.if statement: if (cid:134)(cid:387)টেম(cid:298) তখনই ব(cid:177)বহার করা হয় যখন একিট শ(cid:166)ত পূরণ হেলই (cid:134)কবল িকছু (cid:134)কাড এি(cid:228)িকউট হেব। (cid:134)ভিরেয়বল এবং িকছু (cid:197)কােরর ডাটার উপর িভি(cid:277) কের "if statement" এর সাহােয(cid:177) িস(cid:166)(cid:289)া(cid:304) (cid:134)নয়া হয়। (cid:134)যমন- আপনার আপনার বয়স যিদ ১৮ হয় তেবই আপিন (cid:134)ভাট িদেত পারেবন। এখােন (cid:471)ধুমা(cid:190) একিট কি(cid:301)শান সত(cid:177) হেলই আউটপুট পাওয়া যােব। িসনট(cid:177)া(cid:228)ঃ if (কি(cid:301)শান) { কি(cid:301)শান সত(cid:177) হেল এই (cid:333)েকর মােঝর (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা এি(cid:228)িকউট হেব। }

if statement এর (cid:197)ধান (cid:446)িট অংশ রেয়েছ তার একিট কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298) এবং অপরিট হল িনি(cid:166)দ(cid:375) (cid:134)কাড যা কাের(cid:177) পিরনত হেব। কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298) হল এমন একিট (cid:134)(cid:387)টেম(cid:298) যা সত(cid:177), িমথ(cid:177)া যাচাই কের।(cid:134)বিশর ভাগে(cid:225)ে(cid:190) কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298) িদেয় (cid:134)কান িকছু (cid:134)চক করেত ব(cid:177)ব(cid:404)ত হয়। (cid:134)যমন- <script type="text/javascript"> var mycolor = "blue"; if (mycolor == "blue") { document.write("just like the sky!"); } </script> (cid:134)কাড িবে(cid:372)শনঃ (cid:197)থেম আমরা "mycolor" নােম একিট (cid:134)ভিরেয়বল িডকলার কেরিছ এবং তার মান িদেয়িছ "blue"। এরপর আমরা if statement ব(cid:177)বহার কের (cid:134)চক কেরিছ (cid:134)ভিরেয়বেলর মান "blue" িকনা? এরপর আমরা document.write নােম একিট ফাংশান ব(cid:177)বহার কেরিছ এবং তার (cid:134)ভলু িদেয়িছ ("just like the sky!")। এে(cid:225)ে(cid:190) যিদ কি(cid:301)শান সত(cid:177) হয় তেব আউটপুেট just like the sky! (cid:134)লখািট (cid:134)দখা যােব। কি(cid:301)শান সত(cid:177) তাই just like the sky! (cid:134)লখািট আউটপুেট (cid:134)দখা যােব। ২. if….else statement: if (cid:134)(cid:387)টেমে(cid:298)র উদাহরেণ আমরা (cid:134)দখলাম (cid:134)য, (cid:134)কবল কি(cid:301)শান সত(cid:177) হেলই if (cid:134)(cid:387)টেমে(cid:298)র (cid:333)কিট এি(cid:228)িকউট হয় এবং আউটপুট পাওয়া যায়। িক(cid:451) আমরা যিদ চাই কি(cid:301)শান িমথ(cid:177)া হেলও আউটপুেট (cid:134)কান িকছু (cid:134)দখােব তেব if ......else (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করেত হেব। if ......else (cid:134)(cid:387)টেম(cid:298) হল if (cid:134)(cid:387)টেমে(cid:298)র বি(cid:166)ধত অংশ যােক else clause বলা হয় । else clause িট কাজ কের যখন কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298) িট িমথ(cid:177)া হয়। এককথায় বলা যায় if....else (cid:134)(cid:387)টেমে(cid:298) একিট (cid:333)ক এি(cid:228)িকউট হেব যিদ কি(cid:301)শান সত(cid:177) হয় এবং কি(cid:301)শান িমথ(cid:177)া হেল অন(cid:177) (cid:333)ক এি(cid:228)িকউট হেব। িসনট(cid:177)া(cid:228)ঃ if (কি(cid:301)শান) { কি(cid:301)শান সত(cid:177) হেল এই (cid:333)েকর মােঝর (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা এি(cid:228)িকউট হেব। } else { আর যিদ কি(cid:301)শান িমথ(cid:177)া হয় তেব এই (cid:333)েকর মােঝর (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা এি(cid:228)িকউটহেব। }

উদাহরণঃ <script type="text/javascript"> var mycolor = "red"; if (mycolor == "blue") { else { } </script> document.write("just like the sky!"); } document.write("didn't pick blue color?"); উপেরর উদাহরেণ "mycolor" (cid:134)ভিরেয়বেলর মান যিদ "blue" হয় তেব just like the sky! (cid:134)লখািট (cid:134)দখােব আর যিদ "blue না হয় তেব didn't pick blue color? (cid:134)লখািট (cid:134)দখােব। ৩. if...else if...else statement উপেরর (cid:446)িট (cid:134)(cid:387)টেমে(cid:298)র (cid:134)চেয় if ...else if ... else (cid:134)(cid:387)টেম(cid:298) শি(cid:215)শালী। কারণ এই (cid:134)(cid:387)টেম(cid:298) িবিভ(cid:315) কি(cid:301)শােনর উপর িভি(cid:277) কের িবিভ(cid:315) আউটপুট িদেত পাের। এই (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয় যিদ একািধক (cid:333)েকর (cid:134)কাড এি(cid:228)িকউট করেত হয় (cid:134)যখােন (cid:197)িতটা (cid:333)েক আলাদা আলাদা শ(cid:166)ত (cid:134)দওয়া থােক।

িসনট(cid:177)া(cid:228)ঃ if (কি(cid:301)শান-১) { কি(cid:301)শান-১ সত(cid:177) হেল এই (cid:333)েকর (cid:134)কাড এি(cid:228)িকউট হেব। } else if (কি(cid:301)শান-২) { কি(cid:301)শান-২ সত(cid:177) হেল এই (cid:333)েকর (cid:134)কাড এি(cid:228)িকউট হেব। } else if (কি(cid:301)শান-৩) { কি(cid:301)শান-৩ সত(cid:177) হেল এই (cid:333)েকর (cid:134)কাড এি(cid:228)িকউট হেব। } else { উপেরর (cid:134)কান কি(cid:301)শানই সত(cid:177) না হেল এই (cid:333)েকর (cid:134)কাড এি(cid:228)িকউট হেব। } উদাহরণঃ <script type="text/javascript"> var mycolor = "red"; if (mycolor == "blue") { else if (mycolor = "red") { } else if (mycolor = "green") { } document.write("just like the tree"); document.write("just like the sky!"); } document.write("just like the sun!");

document.write("suit yourself then..."); else { } </script> ৪. javascript switch statement if...else if statements ব(cid:177)বহার কের আমরা একািধক কি(cid:301)শান (cid:134)চক করেত পাির এবং িবিভ(cid:315) কি(cid:301)শােনর উপর িভি(cid:277) কের িবিভ(cid:315) আউটপুট (cid:134)পেত পাির। (cid:134)যমন- উপেরর if...else if (cid:134)(cid:387)টেমে(cid:298) (cid:134)ভিরেয়বল "mycolor"-এর মান যিদ "blue" হয় তেব একধরেনর আউটপুট পাওয়া যােব আবার যিদ (cid:134)ভিরেয়বেলর মান "red" হয় তেব অন(cid:177) আউটপুট পাওয়া যােব। এই একই ধরেণর কাজ করার জন(cid:177) জাভাি(cid:385)ে(cid:318) আেরকিট (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার কের হয়, যার নাম switch statement। (cid:134)(cid:197)া(cid:181)ােম if...else if statement এবং switch statement-এর কাজ করার ধরন একরকম হেলও, if...else if statement-এর কি(cid:301)শান িহেসেব সাধারণত লিজক(cid:177)াল বা িরেলশনাল এ(cid:228)ে(cid:197)শন ব(cid:177)বহার করা হয়। িক(cid:451) switch statement-এ (cid:134)কান conditional expression ব(cid:177)বহার করা হয় না, বরং একটা (cid:134)ভিরেয়বল ব(cid:177)বহার করা হয়, যার মােনর উপর িন(cid:166)ভর কের (cid:134)কান case statement-টা কাজ করেব। বড় (cid:134)(cid:197)া(cid:181)ােমর (cid:134)(cid:225)ে(cid:190) যখন কি(cid:301)শােনর সংখ(cid:177)া অেনক (cid:134)বিশ হয় তখন switch statement ব(cid:177)বহার করা সুিবধাজনক। িসনট(cid:177)া(cid:228)ঃ switch(expression) { case constant 1: এই (cid:333)েকর (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা এি(cid:228)িকউট হেব। break; case constant 2: এই (cid:333)েকর (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা এি(cid:228)িকউট হেব। break; ............ case constant n: এই (cid:333)েকর (cid:134)(cid:387)টেম(cid:298)(cid:435)েলা এি(cid:228)িকউট হেব।

break; default: case 1 এবং case 2 (cid:134)থেক যিদ n িভ(cid:315) হয় তেব এই (cid:333)ক এি(cid:228)িকউট হেব।} িবে(cid:372)ষণঃ ১.(cid:197)থেম switch কীওয়া(cid:166)ড ব(cid:177)বহার করা হেয়েছ। ২.এরপর (cid:197)থম ব(cid:312)নীর মােঝ একিট একক এ(cid:228)ে(cid:197)সান ব(cid:177)বহার করা হেয়েছ যা সাধারণত একিট (cid:134)ভিরেয়বল হেয় থােক, যার মােনর উপর িন(cid:166)ভর কের (cid:134)কান case statement-টা কাজ করেব। ৩.তারপর switch-এর expression-এ ব(cid:177)ব(cid:488)ত (cid:134)ভিরেয়বেলর মােনর সােথ case-এর constant-এর মােনর তুলনা করা হয় এবং যার সােথ িমল পাওয়া যােব (cid:134)(cid:197)া(cid:181)ােম (cid:134)সই case সংি(cid:372)(cid:387) (cid:134)(cid:387)টেম(cid:298) কাজ করেব। ৪. case-এর সােথ (cid:134)যসব simple বা compound statement ব(cid:177)বহার করা হয়, (cid:134)সসব (cid:134)(cid:387)টেমে(cid:298)র পর break (cid:134)ক (cid:134)শষ statement িহেসেব ব(cid:177)বহার করা হয়। এখােন break; ব(cid:177)বহার করার অ(cid:166)থ হল থামুন। অ(cid:166)থাৎ শ(cid:166)ত পূরণ হেল আর কি(cid:301)শান (cid:134)চক করেত হেব না তখন ঐ (cid:333)কিটেকই এি(cid:228)িকউট কের আউটপুট (cid:134)দখেব। ৫. আর যিদ (cid:134)কান শ(cid:166)তই পূরণ না হয় তেব default: সংি(cid:372)(cid:375) (cid:134)(cid:387)টেম(cid:298) কাজ করেব । default: আসেল if...else if statement-এর else-এর মত কাজ কের। উদাহরণঃ if...else if statement-এর উদাহরণিট আমরা এখােন switch statement ব(cid:177)বহার কের িলেখিছ। <script type="text/javascript"> <!-- var mycolor = "red"; switch (mycolor)

document.write("just like the sky!"); break document.write("just like shiraz!"); break { case "blue": case "red": default: } //--> </script> আউটপুটঃ just like shiraz! document.write("suit yourself then..."); if...else if statements ব(cid:177)বহার কের আমরা একািধক কি(cid:301)শান (cid:134)চক করেত পাির িক(cid:451) সব সময় এটা সিঠক সমাধান না, িবেশষ কের যখন (cid:197)িতটা (cid:333)ক একিট একক (cid:134)ভিরেয়বেলর উপর িন(cid:166)ভর কের। এে(cid:225)ে(cid:190) সিঠক সমাধান হল switch statement অধ(cid:177)ায়ঃ নয়- জাভাি(cid:385)(cid:318) লুপ/ পুনঃরাবৃি(cid:277) (cid:134)(cid:387)টেম(cid:298) লুপ (পুনঃরাবৃি(cid:277) )(cid:134)(cid:387)টেম(cid:298)ঃ (cid:134)(cid:197)া(cid:181)াম (cid:134)লখার সময় কখনও কখনও একই কাজ করার জন(cid:177) একই (cid:333)ক বার বার িলখেত হয়। একই ধরেণর লাইন(cid:435)েলা এভােব বার বার না িলেখ লুেপর মাধ(cid:177)েম এেদর সহজভােব (cid:134)লখা যায়। (cid:134)যমন- আপিন চাে(cid:248)ন ১ (cid:134)থেক ১০০ পর(cid:177)(cid:304) (cid:471)ধুমা(cid:190) (cid:134)জাড় সংখ(cid:177)া(cid:435)েলা খুেজ (cid:134)বর করেত চান, এে(cid:225)ে(cid:190) বার বার (cid:333)ক না িলেখ একটা কি(cid:301)শান (cid:134)দওয়া (cid:134)যেত পাের যােত কের ১ (cid:134)থেক ১০০ পর(cid:177)(cid:304) (cid:134)জাড় সংখ(cid:177)া(cid:435)েলা পাওয়া যায়। অ(cid:166)থাৎ ঘুের িফের একই কাজ একটা িনিদ(cid:387) সময় ধের করেত চাইেল জাভাি(cid:385)ে(cid:318) লুপ (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয়। এই প(cid:289)িতেত (cid:134)(cid:197)া(cid:181)াম িলখেল (cid:134)(cid:197)া(cid:181)ােম লাইন সংখ(cid:177)া কেম যায় এবং (cid:134)(cid:197)া(cid:181)ােমর দ(cid:225)তা বৃি(cid:289) পায়। যত(cid:225)ন পর(cid:177)(cid:304) কি(cid:301)শান সত(cid:177) থােক তত(cid:225)ণ পর(cid:177)(cid:304) লুপ চলেত থােক এবং িনি(cid:193)(cid:375) (cid:333)কেক এি(cid:228)িকউট কের। জাভাি(cid:385)ে(cid:318) চার ধরেণর লুপ িবদ(cid:177)মান- 1. while loop 2. do………while loop 3. for loop 4. for………in loop ১. while loop

while লুেপর মাধ(cid:177)েম (cid:134)কান কাজ বারবার করেত পােরন যখন আপনার কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298)িট সত(cid:177) হেব । কি(cid:301)শান সত(cid:177) হেলই (cid:134)কবল while লুপ একিট (cid:333)কেক এি(cid:228)িকউট কের। িসনট(cid:177)া(cid:228)ঃ while (condition) { statement; } িবে(cid:372)ষণঃ ১ while loop এর (cid:134)কাড কাের(cid:177) পিরনত হওয়ার জন(cid:177) অবশ(cid:177)ই কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298) সত(cid:177) হেত হেব। ২ while loop এর (cid:134)কাড বাকােনা (cid:199)ােকট "{ }" ধারন কের যা কােজ পিরনত হেব যিদ কি(cid:301)শনাল (cid:134)(cid:387)টেম(cid:298)িট সত(cid:177) হয়। ৩.যখন while লুেপর কাজ (cid:471)(cid:468) হয়, তখন জাভাি(cid:385)(cid:318) (cid:134)চক কের (cid:134)দেখ (cid:134)য conditional (cid:134)(cid:387)টেম(cid:298)িট সত(cid:177) িকনা ।যিদ সত(cid:177) হয় তেব বাকােনা (cid:199)ােকট "{ }" এর মেধ(cid:177)র (cid:134)কাড(cid:435)েলা এি(cid:228)িকউট হয়। ৪. এরপর (cid:134)(cid:197)া(cid:181)াম আবার conditional (cid:134)(cid:387)টেমে(cid:298) িফের িগেয় কি(cid:301)শান (cid:134)চক কের, যিদ কি(cid:301)শান সত(cid:177) হয় তেব বাকােনা (cid:199)ােকট "{ }" এর মেধ(cid:177)র (cid:134)কাড(cid:435)েলা আবার এি(cid:228)িকউট হয়। ৫. এভােব লুপিট চলেত থাকেব যত(cid:225)ন পর(cid:177)(cid:304) না কি(cid:301)শান িমথ(cid:177)া হেব। কি(cid:301)শান িমথ(cid:177)া হেলই (cid:134)(cid:197)া(cid:181)াম লুপ (cid:134)থেক (cid:134)বর হেয় আসেব। িক(cid:451) যিদ condition statement িট সবসময় সত(cid:177) হয় তেব আপিন কখনও while loop হেত (cid:134)বর হেয় আসেত পারেবন না । তাই while loop ব(cid:177)বহােরর সময় সত(cid:166)ক হওয়া উিচত। উদাহরণঃ <script type="text/javascript"> var count = 0; document.write("starting loop" + "<br />"); 1. 2. 3. 4. while (count < 10){ 5. 6. 7. 8. document.write("while loop is finished!"); 9. </script> document.write("current count : " + count + "<br />"); count++; }

আউটপুটঃ starting loop current count : 0 current count : 1 current count : 2 current count : 3 current count : 4 current count : 5 current count : 6 current count : 7 current count : 8 current count : 9 while loop is finished! (cid:134)কাড িবে(cid:372)ষণঃ ১. count নােম একিট (cid:134)ভিরেয়বল িডকলার করা হেয়েছ যার মান ০. ২. while লুেপর মােঝ (cid:197)থেম কি(cid:301)শান (cid:134)চক করা হেব। এে(cid:225)ে(cid:190) (cid:197)থেম count এর মান ০ যা, ১০ (cid:134)থেক (cid:134)ছাট। সুতরাং কি(cid:301)শান সত(cid:177)। কি(cid:301)শান সত(cid:177) বেল ৫ নং লাইেন এেস তার (cid:134)ভলু ি(cid:197)(cid:298) হেব। ৩. ৬ নং লাইেন এেস count (cid:134)ভিরেয়বেলর মান ১ বৃি(cid:289) হেব। (cid:134)(cid:197)া(cid:181)াম আবার ৪ নং লাইেন এেস কি(cid:301)শান (cid:134)চক করেব। কি(cid:301)শান সত(cid:177)। তাই আবার ১ ি(cid:197)(cid:298) হেব। ৪. আবার ৬ নং লাইেন এেস count (cid:134)ভিরেয়বেলর মান ১ বৃি(cid:289) হেয় ২ হেব। (cid:134)(cid:197)া(cid:181)াম আবার ৪ নং লাইেন এেস কি(cid:301)শান (cid:134)চক করেব। কি(cid:301)শান সত(cid:177)। তাই আবার ২ ি(cid:197)(cid:298) হেব। এভােব কি(cid:301)শান যত(cid:225)ণ পর(cid:177)(cid:304) সিঠক হেব তত(cid:225)ণ লুপ চলেত থাকেব। কি(cid:301)শান িমথ(cid:177)া হেল (cid:134)(cid:197)া(cid:181)াম লুপ (cid:134)থেক (cid:134)বর হেয় আসেব। ২. do...while loop do...while লুপ while লুেপর মেতাই, (cid:471)ধু পা(cid:166)থক(cid:177) হল while লুেপ (cid:197)থেম কি(cid:301)শান (cid:134)চক করা হয় আর do...while লুেপ একদম লুেপর (cid:134)শেষ কি(cid:301)শান (cid:134)চক করা হয় । অ(cid:166)থাৎ do...while লুেপ (cid:197)থেম (cid:134)কান কি(cid:301)শান (cid:134)চক না কেরই একবার (cid:134)কাড এি(cid:228)িকউট হেব এবং আউটপুট (cid:134)দখােব, এমনিক কি(cid:301)শান িমথ(cid:177)া হেলও।

িসনট(cid:177)া(cid:228)ঃ do { statement; } while (condition); (cid:134)নাটঃ do...while লুেপর (cid:134)শেষ (cid:134)সিমেকালন(“;”) ব(cid:177)বহার করা হয়। উদাহরণঃ <script type="text/javascript"> var count = 0; document.write("starting loop" + "<br />"); do{ document.write("current count : " + count + "<br />"); count++; }while (count < 5); document.write("loop stopped!"); </script> আউটপু্টঃ starting loop current count : 0 current count : 1 current count : 2 current count : 3 current count : 4 loop stopped! ৩. for loop জাভাি(cid:385)(cid:318) ফর লুপ অন(cid:177)ান(cid:177) (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)াং(cid:435)েয়েজর ফর লুেপর মত। (cid:134)(cid:197)া(cid:181)ােম এক বা একািধক (cid:134)(cid:387)টেম(cid:298) একটা িনি(cid:166)দ(cid:375) বার পর(cid:177)(cid:304) কাজ করােত for loop ব(cid:177)বহার করা হয়। for loop িতনিট অংশ িনেয় গিঠত- িসনট(cid:177)া(cid:228)ঃ

for (initialization; test condition; iteration statement) { statement(s) to be executed if test condition is true } ব(cid:177)াখ(cid:177)া:  initialization অংেশ (cid:197)থেম (cid:134)ভিরেয়বেলর (counter) মান ইিনিশয়ালাইজ কের িদেত হেব। লুপ (cid:471)(cid:468) হবার আেগই initialization statement এি(cid:228)িকউট হেব।  কি(cid:301)শান সত(cid:177) না িমথ(cid:177)া test statement তা (cid:134)চক করেব। যিদ কি(cid:301)শান সত(cid:177) হয় তেব লুেপর মােঝর (cid:134)কাড এি(cid:228)িকউট হেব, অন(cid:177)থায় (cid:134)(cid:197)া(cid:181)াম লুপ (cid:134)থেক (cid:134)বর হেয় আসেব। iteration statement অংেশ আপিন counter অ(cid:166)থাৎ (cid:134)ভিরেয়বেলর মান increase অথবা decrease করেত পারেবন।  (cid:134)নাটঃ for লুেপর এই িতনিট অংশ পর(cid:395)র (cid:134)সিমেকালন (cid:420)ারা পৃথক থাকেব। উদাহরণঃ <script type="text/javascript"> var count; document.write("starting loop" + "<br />"); for(count = 0; count < 10; count++) { document.write("current count : " + count ); document.write("<br />"); } document.write("loop stopped!"); </script> আউটপুটঃ starting loop current count : 0 current count : 1 current count : 2 current count : 3

current count : 4 current count : 5 current count : 6 current count : 7 current count : 8 current count : 9 loop stopped! ৪. for...in loop জাভাি(cid:385)ে(cid:318) for...in নােম আেরকিট লুপ রেয়েছ। জাভাি(cid:385)ে(cid:318) অবেজ(cid:213) (cid:197)পাি(cid:166)টেত এই লুপ ব(cid:177)বহার করা হয়। িসনট(cid:177)া(cid:228)ঃ for (variablename in object) { statement or block to execute } (cid:134)নাটঃ লুেপর মােঝ (cid:134)য (cid:333)ক আেছ (cid:134)সখােন (cid:134)কাড(cid:435)েলা (cid:197)িতটা (cid:197)পাি(cid:166)টর জন(cid:177) একবার কের কাউ(cid:298) হয়। (cid:197)িতটা পুনঃরাবৃি(cid:277)েত অবেজ(cid:213) (cid:134)থেক একটা কের (cid:197)পাি(cid:166)ট variablename –এ এসাইন হেব এবং এই লুপটা চলেত থাকেব যত(cid:225)ণ পর(cid:177)(cid:304) না অবেজে(cid:213)র (cid:197)পাি(cid:166)ট (cid:134)শষ হেব। উদাহরণঃ <html> <body> <script type="text/javascript"> var person={fname:"john",lname:"doe",age:25}; for (x in person) { document.write(person[x] + " "); }

</script> </body> </html> আউটপুটঃ জাভাি(cid:385)(cid:318) লুপ কনে(cid:186)ালঃ জাভাি(cid:385)ে(cid:318) লুপ কনে(cid:186)াল করেত break ও continue (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয়। যিদ এমন হয় (cid:134)য (cid:134)কান (cid:134)(cid:197)া(cid:181)ােম লুেপর (cid:134)শষ পর(cid:177)(cid:304) না (cid:134)পঁৗেছ লুেপর মাঝ (cid:134)থেকই (cid:134)বর হেয় আসার (cid:197)েয়াজন হয় বা লুেপর (cid:134)কান একটা (cid:333)কেক বাদ িদেয় পরব(cid:166)তী (cid:333)ক (cid:134)থেক কাজ (cid:471)(cid:468) করেত হয় এমন হেল এই (cid:134)(cid:387)টেম(cid:298) (cid:446)িট ব(cid:177)বহােরর (cid:197)েয়াজন হয়। (cid:134)(cid:199)ক (cid:134)(cid:387)টেম(cid:298) (break statement) switch িনেয় আেলাচনা করার সময় আমরা break (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার কেরিছলাম। তেব break (cid:134)(cid:387)টেম(cid:298) (cid:471)ধু switch (cid:134)(cid:387)টেমে(cid:298)ই নয় for, while, do...while লুেপও এেদর ব(cid:177)বহার করা যায়। মূলত (cid:134)কান লুেপর কি(cid:301)শান এর মান ০ হওয়ার পূের(cid:137)ই লুপ (cid:134)থেক (cid:134)বর হওয়ার জন(cid:177) লুেপর মােঝ break (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হয়। উদাহরনঃ <html> <body> <script type="text/javascript"> var i=0; for (i=0;i<=10;i++) { if (i==3) { break; }

document.write("the number is " + i); document.write("<br />"); } </script> <p>explanation: the loop will break when i=3.</p> </body> </html> আউটপুটঃ (cid:134)কাড িবে(cid:372)ষণঃ উপেরর (cid:134)(cid:197)া(cid:181)ােম for লুপ ব(cid:177)বহার করা হেয়েছ ১ (cid:134)থেক ১০ পর(cid:177)(cid:304) ি(cid:197)(cid:298) করার জন(cid:177)। িক(cid:451) মাঝখােন একিট কি(cid:301)শান (cid:134)দওয়া হেয়েছ [if (i==3)] এবং break (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করা হেয়েছ। তাই যখন (cid:134)ভিরেয়বেলর মান ৩ হেব তখন লুপ আর কাজ করেব না। কনিটিনউ (continue statement): এই (cid:134)(cid:387)টেমে(cid:298)র কাজ হল (cid:134)য কি(cid:301)শােনর জন(cid:177) continue statement ব(cid:177)বহার করা হয় (cid:134)সই (cid:333)কেক (cid:134)(cid:384)প কের পরব(cid:166)তী কি(cid:301)শােনর জন(cid:177) লুেপর কাজ করা। অন(cid:177)ভােব বলা যায় continue statement ব(cid:166)তমান লুপেক (cid:134)(cid:199)ক কের পরব(cid:166)তী (cid:134)ভলু(cid:435)েলার জন(cid:177) লুপেক সচল রােখ। continue statement হল break statement-এর িবপরীত অ(cid:166)থাৎ এিট (cid:134)কান কাজ চালু রাখেত বেল। উদাহরনঃ <html> <body> <script type="text/javascript"> var i=0; for (i=0;i<=10;i++)

explanation: the loop will break the current loop and continue with the next value when i=3. অধ(cid:177)ায়ঃ দশ- জাভাি(cid:385)(cid:318) অ(cid:177)াের জাভাি(cid:385)(cid:318) অ(cid:177)াের িক? অ(cid:177)াের হল িবেশষ ধরেনর (cid:134)ভিরেয়বল যা একই কােজ ব(cid:177)ব(cid:488)ত একই ধরেনর ডাটােক একিট িসে(cid:242)ল (cid:134)ভিরেয়বেলর মাধ(cid:177)েম ধারন করেত পাের। অ(cid:177)াের অবেজ(cid:213) (cid:435)েলােক তােদর সাবি(cid:385)ে(cid:318)র মাধ(cid:177)েম এেসস করা যায়। অ(cid:177)ােরর (cid:197)থম এিলেমে(cid:298)র পিজশান িজেরা (০), ি(cid:420)তীয় এিলেমে(cid:298)র পিজশান (১), তৃতীয় এিলেমে(cid:298)র পিজশান (২), এভােব অন(cid:177)(cid:435)েলা হেব। (cid:134)যমন- আপিন কত(cid:435)েলা (cid:134)(cid:197)াডাে(cid:213)র নাম িসে(cid:242)ল (cid:134)ভিরেয়বল িহেসেব িনেচর মত িডকলার করেত পােরন- var product1="pen"; var product2="book"; var product3="marker"; িক(cid:451) আপনার (cid:134)(cid:197)াডা(cid:213) সংখ(cid:177)া যিদ ৪০০ হয় তাহেল আপিন িক এভােব ৪০০(cid:134)ভিরেয়বল িডকলার করেবন? না, আপনােক এ কাজিট করেত হেব না। এর সিঠক সমাধান হল অ(cid:177)াের। অথবা যিদ এমন হয় ৪০০ (cid:134)(cid:197)াডা(cid:213) (cid:134)থেক িনিদ(cid:375) (cid:134)কান (cid:134)(cid:197)াডা(cid:213) বাছাই করেত হেব এে(cid:225)ে(cid:190) আমরা অ(cid:177)াের ব(cid:177)বহার করেত পাির। িনে(cid:338) উদাহরেণর সাহােয(cid:177) ব(cid:177)াখ(cid:177)া করা হল িকভােব অ(cid:177)াের (cid:135)তির করা হয়- জাভাি(cid:385)ে(cid:318) অ(cid:177)াের (cid:135)তির করাঃ (cid:197)ায় সকল ল(cid:177)া(cid:242)ুেয়েজর অ(cid:177)াের (cid:135)তিরর িসনট(cid:177)া(cid:228) একই। জাভাি(cid:385)ে(cid:318)র অ(cid:177)াের (cid:135)তিরর িসনট(cid:177)া(cid:228) িন(cid:338)(cid:468)প- িসনট(cid:177)া(cid:228)ঃ var array_name = new array(number_of_elements) //অ(cid:177)াের (cid:135)তিরেত new কীওয়া(cid:166)ড ব(cid:177)বহার করেত হয়। এরপর অ(cid:177)ােরেত (cid:134)ভলু এসাইন কের িদেত হেব। array_name[0] = "array element" এবার আমরা উপেরর উদাহরণিট (cid:134)থেক অ(cid:177)াের (cid:135)তির করব। িতনিট ধােপ অ(cid:177)াের (cid:135)তির করা হয়- জাভাি(cid:385)ে(cid:318) অ(cid:177)াের (cid:135)তিরর সময় (cid:197)থেম অ(cid:177)াের অবেজ(cid:213)েক (cid:134)ভিরেয়বেলর নাম িহেসেব এসাইন কের িদেত হয়। ১. িনেচর (cid:134)কাড myproduct নােম একিট অ(cid:177)াের (cid:135)তির করেব-

var myproduct =new array(400); // regular array (add an optional integer myproduct [0]="pen"; // argument to control array's size) myproduct [1]="book"; myproduct [2]="marker"; ২. var myproduct=new array("pen","book","marker"); // condensed array ৩.var mycars=["pen","book","marker"]; // literal array (cid:134)নাটঃ যিদ আপিন অ(cid:177)ােরর মােঝ numbers বা true/false (cid:134)ভলু ইনসা(cid:166)ট কেরন তেব (cid:134)ভিরেয়বল টাইপ না(cid:426)ার অথবা বুিলয়ান হেব, ি(cid:388)ং হেব না। উদাহরণঃ <!doctype html> <html> <body> <script> var i; var mycars = new array(); mycars[0] = "saab"; mycars[1] = "volvo"; mycars[2] = "bmw"; for (i=0;i<mycars.length;i++) { document.write(mycars[i] + "<br>"); } </script>

</body> </html> উদাহরণঃ <script type="text/javascript"> var myarray = new array(); myarray[0] = "football"; myarray[1] = "baseball"; myarray[2] = "cricket"; document.write(myarray[0] + myarray[1] + myarray[2]); </script> (cid:197)দ(cid:166)শন: footballbaseballcricket ল(cid:225)(cid:177) আপিন (cid:199)ােকেট (cid:134)ভলুর position িঠক কের (cid:134)দয়ার ফেল আপনার ই(cid:248)া অনুযায়ী (cid:134)ভলু (cid:134)বর করেত (cid:134)পেরেছন। জাভাি(cid:385)ে(cid:318) অ(cid:177)াের একেসস করাঃ অ(cid:177)াের (cid:134)থেক িনিদ(cid:375) (cid:134)য (cid:134)কান একিট এিলেম(cid:298) এেসস করেত (cid:197)থেম অ(cid:177)ােরর নাম ও তারপর তার ইনেড(cid:228) না(cid:426)ার (জাভাি(cid:385)ে(cid:318) ইনেড(cid:228) না(cid:426)ার ০ (cid:134)থেক (cid:471)(cid:468) হয়) িদেত হেব। (cid:134)যমন- উপেরর উদাহরেণর book (cid:134)লখািট যিদ (cid:134)দখােত চাই তেব িনেচর মত িলখেত হেব- document.write(myproduct [1]); অ(cid:177)ােসািসেয়িটভ অ(cid:177)ােরঃ সাধারণ অ(cid:177)ােরেত ইনেড(cid:228) হয় সংখ(cid:177)াগতভােব িক(cid:451) অ(cid:177)ােসািসেয়িটভ অ(cid:177)ােরেত ইনেড(cid:228) করা হয় “নাম(name)” (cid:134)ক “কী” িহেসেব ধের। এর সুিবধা হল “কী” হল অ(cid:166)থপূ কীভােব অ(cid:177)ােসািসেয়িটভ অ(cid:177)াের (cid:135)তির করা হয়- (cid:166)ণ, যােক সহেজ অ(cid:177)াের এিলেম(cid:298) (cid:134)রফাের(cid:317) িহেসেব আনা যায়। িনে(cid:338) (cid:134)দখােনা হেয়েছ

ধ(cid:468)ন student নােম একটা অবেজ(cid:213) রেয়েছ যার িতনটা (cid:197)পাি(cid:166)ট রেয়েছ properties name, class, rollno । এেদর িনেচর মত কের িডফাইন করা যায়- student.name = "david rayy" student.class = "v" student.rollno = 1 জাভাি(cid:385)ে(cid:318) (cid:197)পাি(cid:166)ট ও অ(cid:177)াের (cid:197)ায় একই ধরেণর। আসেল তােদর ই(cid:298)ারেফস আলাদা িক(cid:451) ডাটা (cid:391)াকচার একই। student অবেজে(cid:213)র (cid:197)পাি(cid:166)ট(cid:435)েলা িনেচর মত কের এে(cid:228)স করা যায়- student.["name"] = "david rayy" student.["class"] = "v" student.["rollno"] = 1 উপের ল(cid:225)(cid:177) ক(cid:468)ন আমরা (cid:197)পাি(cid:166)টেক কী িহেসেব ধেরিছ অ(cid:166)থাৎ এখােন এখন ইনেড(cid:228) না(cid:426)ারটা ি(cid:388)ং। আর এটাই হল অ(cid:177)ােসািসেয়িটভ অ(cid:177)াের। িনেচর উদাহরেণ object name and properties (cid:435)েলা আর(cid:435)েম(cid:298) িহেসেব show_obj_property ফাংশােন পাসড (passed) করা হেয়েছ (cid:134)যটা, student অবেজে(cid:213)র (cid:197)পাি(cid:166)ট(cid:435)েলা (cid:134)দখাে(cid:248)। function show_obj_property(obj, obj_name) { var output = "" for (var i in obj) result += obj_name + "." + i + " = " + obj[i] + "\n"; return output; } আউটপুটঃ student.name = david rayy student.class = v student.rollno = 1 একটা উদাহরন (cid:134)দখুন- <html> <head> <title>javascript arrays</title> <script type="text/javascript">

var beatles = []; beatles["singer1"] = "paul"; beatles["singer2"] = "john"; beatles["guitarist"] = "george"; beatles["drummer"] = "ringo"; </script> </head> <body> <p align="center"> <script type="text/javascript"> document.write(beatles["singer1"]); document.write(beatles["singer2"]); document.write(beatles["guitarist"]); document.write(beatles["drummer"]); </script> </p> </body> </html> অধ(cid:177)ায়ঃ এগার-জাভাি(cid:385)(cid:318) ফাংশন (cid:134)যেকান (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)াং(cid:435)েয়জ িশখেত যান ফাংশন হে(cid:248) তার মুল িজিনস(cid:435)িলর মেধ(cid:177) একটা।সব ল(cid:177)াং(cid:435)েয়েজই ফাংশন আেছ আর সবখােনই ফাংশেনর মুল কনেস(cid:318) টা একই। জাভাি(cid:385)(cid:318) ফাংশান িক? ফাংশন আর িকছুই না (cid:471)ধু একটা (cid:134)কাড(cid:333)ক (cid:134)ক নাম (cid:134)দয়া।পের (cid:134)কােডর (cid:134)যেকান জায়গায় (cid:134)সই নাম ধের ডাকেল (cid:134)কাড(cid:333)কিট এি(cid:228)িকউট হেব। যখন ওেয়ব (cid:134)পজ (cid:134)লাড হয় তখন (cid:199)াউজার (cid:420)ারা ি(cid:385)(cid:318) এি(cid:228)িকউট করেত ি(cid:385)(cid:318)েক ফাংসােনর মধ(cid:177) রাখেত হেব। ফাংসােনর (cid:134)কাড(cid:435)েলা ইেভ(cid:298) (cid:420)ারা এি(cid:228)িকউট হয় এবং ফাংশানেক কল করা যায়। আপিন (cid:134)কােডর (cid:134)য (cid:134)কান জায়গা (cid:134)থেক ফাংশানেক কল করেত পােরন( অথবা অন(cid:177) (cid:134)কান (cid:134)পেজ ফাংশান কল করেত পােরন যিদ ফাংশান এে(cid:426)েডড করা থােক একিট এ(cid:228)টারনাল .js ফাইল িহেসেব ) । ফাংশানেক (cid:134)হড বা বিড উভয় (cid:134)সকশােনই িডফাইন করা (cid:134)যেত পাের। যিদ ফাংশানেক কল করার আেগই ি(cid:385)(cid:318) (cid:199)াউজার (cid:420)ারা (cid:134)লাড হয় তেব ফাংশানেক <head> (cid:134)হড (cid:134)সকশােন রাখা উ(cid:277)ম। আমরা ফাংশানেক কল করেত পাির, ফাংশানেক একিট (cid:134)ভিরেয়বেল (cid:134)(cid:375)ার করা যায়, ফাংশানেক মিডফাই করা যায় ইত(cid:177)ািদ কাজ ফাংশান িদেয় করা যায়। you can divide your big programme in a number of small and manageable functions. জাভাি(cid:385)ে(cid:318) (cid:446)ই ধরেনর ফাংশান রেয়েছ- ১.িব(cid:355)-ইন ফাংশান  জাভাি(cid:385)(cid:318) অ(cid:177)াের ফাংশান (javascript array function)  জাভাি(cid:385)(cid:318) বুিলয়ান ফাংশান (javascript boolean function)

 জাভাি(cid:385)(cid:318) ম(cid:177)াথ ফাংশান (javascript math function)  জাভাি(cid:385)(cid:318) (cid:134)ডট ফাংশান(javascript date function)  জাভাি(cid:385)(cid:318) না(cid:426)ার ফাংশান (javascript number function)  জাভাি(cid:385)(cid:318) ি(cid:388)ং ফাংশান (javascript string function)  জাভাি(cid:385)(cid:318) (cid:134)র(cid:435)লার এ(cid:228)ে(cid:197)সান ফাংশান (javascript regexp function) ২.ইউজার িডফাইন ফাংশান ইউজার িডফাইন ফাংশানঃ জাভাি(cid:385)ে(cid:318)র একিট বড় সুিবধা হল িনেজর মত কের ফাংশান (cid:135)তির করা এবং (cid:197)েয়াজেন তা িনেজর মত কের ব(cid:177)বহার করা। আপিন ফাংশান (cid:135)তিরেত যত দ(cid:225) হেবন জাভাি(cid:385)ে(cid:318)র সুিবধাও তত (cid:134)বিশ পােবন। (cid:134)যমন- একিট অিফেস িবিভ(cid:315) ক(cid:166)মক(cid:166)তা িবিভ(cid:315) কাজ কেরন যােদরেক এেককিট জাভাি(cid:385)(cid:318) ফাংশা(cid:134)নর সােথ তুলনা করা যায় যারা িভ(cid:315) িভ(cid:315) কাজ কের থােক। ফাংশান (cid:135)তির করাঃ িসনট(cid:177)া(cid:228)ঃ <script type="text/javascript"> function functionname(var1,var2,...,varx) { statements } </script> ফাংশন িড(cid:224)ার করেত (cid:197)থেমই function কীওয়া(cid:166)ড িলেখ (cid:134)(cid:395)স িদেয় তার পর ফাংশন নাম িদেত হেব। (cid:471)(cid:468)েত function শ(cid:328)িট িনে(cid:166)দশ কের (cid:134)য এর পরব(cid:166)তী statement (cid:435)েলা একিট ফাংশােনর অ(cid:304)(cid:166)গত। এরপর functionname এ বেল (cid:134)দওয়া হয় এ ফাংশনিটেক আমরা (cid:134)কান নােম ডাকব। জাভাি(cid:385)(cid:318) reserved words ছাড়া (cid:134)য (cid:134)কান নাম (cid:134)দওয়া (cid:134)যেত পাের functionname িহেসেব। তেব সব সময় সহজেবাধ(cid:177) নাম (cid:134)দওয়া উিচত। নােমর পর থােক (cid:197)থম ব(cid:312)নী যার মধ(cid:177) arguments বা প(cid:177)ারািমটার উে(cid:366)খ করা হয়। (cid:134)কান ফাংশেনর প(cid:177)ারিমটার(cid:435)েলা (var1, var2 ইত(cid:177)ািদ হল (cid:134)ভিরেয়বল বা (cid:134)ভলু যা ফাংশােন ইনপুট হেব)কমা িদেয় (cid:197)কাশ করেত হেব। এরপর থােক ি(cid:420)তীয় ব(cid:312)নীর (cid:471)(cid:468)। তারপেরর লাইেন িক িক কাজ করেত হেব তা statement-এ উে(cid:366)খ করা হয়। (cid:134)শেষ ি(cid:420)তীয় ব(cid:312)নীর (cid:134)শষ করা হয়। (cid:134)য সব জাভাি(cid:385)(cid:318) (cid:134)কাড ব(cid:177)বহার করা হেব তা অবশ(cid:177)ই { } এর মেধ(cid:177) িদেত হেব। (cid:134)নাটঃ যিদ ফাংশােন (cid:134)কান প(cid:177)ারািমটার না থােক তেব অবশ(cid:177)ই ফাংশােনর নােমর পের প(cid:177)ারাি(cid:308)িসস () িদেত হেব। (cid:134)যমন- function functionname() {

এখােন িকছু (cid:134)কাড বা জাভাি(cid:385)(cid:318) (cid:134)(cid:387)টেম(cid:298) থাকেব। } (cid:134)নাটঃ ফাংশেনর নাম অবশ(cid:177)ই (cid:134)লায়ার (cid:134)কস (lowercase letter) (cid:134)লটাের িলখেত হেব, নতুবা জাভাি(cid:385)(cid:318) ইরর (cid:134)দখােব। আপনােক অবশ(cid:177)ই ফাংশান কল করার সময় সত(cid:166)ক থাকেত কারন (cid:134)য নােম ফাংশান িডকলার কেরেছন (cid:134)সই নােমই ফাংশান কল করেত হেব, যার অ(cid:166)থ হল (cid:134)লটােরর (cid:134)কান পিরব(cid:166)তন হওয়া যােব না। ফাংশােনর উদাহরণঃ (cid:199)াউজার জাভাি(cid:385)(cid:318)েক লাইেনর পর লাইন ই(cid:298)ারে(cid:197)ট কের। তাই কােজর সুিবধার জন(cid:177) ফাংশনেক আেগই (cid:134)লাড কের িনেত ফাংশনেক <head> ট(cid:177)ােগর মধ(cid:177) রাখা উিচত। (cid:134)যমন- <head> <script type="text/javascript"> function sayhello() { alert("hello there"); } </script> </head> <body> <input type=”button” value=”click me!” onclick=”sayhello()”> </body> (cid:134)কাড িবে(cid:372)ষণঃ এখােন sayhello() নােম একিট ইউজার িডফাইন ফাংশান (cid:135)তির করা হেয়েছ। এই ফাংশােনর মােঝ alert() নােম আেরকিট িব(cid:355)-ইন ফাংশান ব(cid:177)বহার করা হেয়েছ। <body> ট(cid:177)ােগর মােঝ একিট বাটন (cid:135)তির করা হেয়েছ এবং তােত onclick ইেভ(cid:298) যু(cid:215) করা হেয়েছ। ইউজার যখন ঐ বাটেন ি(cid:224)ক করেব তখন sayhello()ফাংশানেক কল করা হেব। এবার sayhello() ফাংশান (cid:134)(cid:387)টেম(cid:298)(cid:435)েলােক এি(cid:228)িকউট করেব। ফাংশন কল করাঃ িনেচ একটা (cid:134)ছাট ফাংশন িলেখিছ আর নাম িদেয়িছ popup() এবং ইনপুট ট(cid:177)ােগর িভতর এই নাম ধের ডাক িদেয়িছ (এটােক বেল ফাংশন কল করা)।

এখন বাটেন ি(cid:224)ক করেলই popup() ফাংশনিট কল হেব এবং এর িভতর (cid:134)সেক(cid:301) (cid:199)ােকেটর মেধ(cid:177) থাকা (cid:134)কাডটুকু এি(cid:228)িকউট হেব।onclick হে(cid:248) ইেভ(cid:298)। যাইেহাক ফাংশন (cid:134)লখার সময় (cid:197)থেম function এই শ(cid:328)িট এরপর ফাংশেনর (cid:134)যেকান নাম (cid:134)যমন আিম িদেয়িছ popup().ফাংশেনর নাম (cid:134)দয়ার সময় আপিন ইে(cid:248)মত (cid:134)যেকান নাম িদেত পােরন।আপিন ইে(cid:248) করেলই করেত পােরন তার মােন এই নয় (cid:134)য আপনার এমনই করা উিচৎ।বরং ফাংশেনর নাম (cid:134)দয়ার সময় (cid:197)াসি(cid:242)ক নাম (cid:134)দয়া ভাল।(cid:134)যমন ধ(cid:468)ন (cid:446)িট সংখ(cid:177)ার (cid:134)যাগফল এর মান (cid:134)বর করার জন(cid:177) একটা ফাংশন িলখেলন এটার নাম হেত পাের getaddition().জাভাি(cid:385)ে(cid:318)র িকছু সংরি(cid:225)ত নাম আেছ এসব ফাংশেনর নাম িহেসেব ব(cid:177)বহার করা যােবনা।(cid:134)যমন with(),while() ফাংশেন প(cid:177)ারািমটার ব(cid:177)বহার করাঃ আপিন যখন ফাংশন িলখেবন তখন এখােন প(cid:177)ারািমটার ব(cid:177)বহার করেত পােরন।এই প(cid:177)ারািমটার (cid:197)থম (cid:199)ােকেটর িভতর রাখেত হেব,এ(cid:435)িল একধরেনর (cid:134)ভিরেয়বল।যিদ (cid:134)কান প(cid:177)ারািমটার না থােক তাহেল (cid:197)থম (cid:199)ােকেটর িভতর িকছু থাকেবনা।(cid:134)যমন popup() ফাংশনিট (cid:134)দখুন এখােন (cid:134)কান প(cid:177)ারািমটার (cid:134)নই।প(cid:177)ারািমটার সহ একিট ফাংশন <html> <head> <script type="text/javascript"> function getaddition(firstnumber,secondnumber){ var result; result = firstnumber + secondnumber; return result;

} var myresult = getaddition(10,20); alert(myresult); </script> </head> <body> </body> </html> ব(cid:177)াখ(cid:177)া: এখােন ফাংশনিটেত (cid:446)িট প(cid:177)ারািমটার আেছ firstnumber এবং secondnumber.এরপর একটা (cid:134)ভিরেয়বল িডে(cid:224)য়ার কেরিছ যার নাম result এবং এই (cid:134)ভিরেয়বেল প(cid:177)ারািমটার (cid:446)িট (cid:134)যাগ কেরিছ।সবেশেষ result িরটা(cid:166)ন কেরিছ।এটা ফাংশেনর একটা (cid:435)র(cid:418)পূ একটা িজিনস মেন রাখেত হেব (cid:134)য যখন return (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার করেবন তখন এই (cid:134)(cid:387)টেমে(cid:298)র পর আর (cid:134)কান (cid:134)কাড কাজ করেবনা।একটা ফাংশন return (cid:134)(cid:387)টেম(cid:298) (cid:134)দখেলই (cid:134)স সংি(cid:372)(cid:375) মান িট িরটা(cid:166)ন কের (cid:134)কাড পড়া ব(cid:312) কের (cid:134)দয়। যাইেহাক এরপর ১৭ ন(cid:426)র লাইেন (cid:134)দখুন ফাংশনিটেক িকভােব কল কেরিছ।return (cid:134)(cid:387)টেম(cid:298) িদেয় পাঠােনা মান এভােব একটা (cid:134)ভিরেয়বল িডে(cid:224)য়ার কের ধরেত হয়।(cid:134)যমন আিম var myresult িদেয় কেরিছ।এরপর alert() ফাংশন িদেয় আউটপুট এেনিছ।যিদ alert(result) (cid:134)দন তাহেল হেবনা।কারন (cid:134)তা বললামই (cid:134)য িরটা(cid:166)নকৃত মান (cid:134)ভিরেয়বল িদেয় ধরেত হয়। সবেশেষ getaddition এ (cid:446)িট আ(cid:166)(cid:435)েম(cid:298) পািঠেয়িছ ১০ এবং ২০ কারন প(cid:177)ারািমটার (cid:446)িট আেছ।যত(cid:435)িল প(cid:177)ারািমটার আেছ ফাংশনিট কল করার সময় তত(cid:435)িল আ(cid:166)(cid:435)েম(cid:298) পাঠােত হেব। *ফাংশেনর িভতের (cid:134)কান প(cid:177)ারািমটার বা (cid:134)ভিরেয়বল ব(cid:177)বহার করেল (cid:134)সই (cid:134)ভিরেয়বেলর (cid:197)ভাব বাইের থাকেবনা।এমনিক একই নােমর একটা (cid:134)ভিরেয়বল যিদ ফাংশেনর বাইের থােক তারপেরও (cid:134)ভিরেয়বল (cid:446)িট স(cid:340)ূ(cid:166)ন আলাদা। (cid:166)ন (cid:135)বিশ(cid:375)(cid:177) (cid:134)য আপিন (cid:471)ধু একটা মান (cid:134)ফরৎ (িরটা(cid:166)ন) পাঠােত পােরন।return (cid:134)(cid:387)টেম(cid:298) ব(cid:177)বহার কের এটা করা যায়। ফাংশান িরটা(cid:166)ণ (cid:134)(cid:387)টেম(cid:298)ঃ জাভাি(cid:385)(cid:318) ফাংশােন একটা অপশনাল িরটা(cid:166)ন (cid:134)(cid:387)টেম(cid:298) রেয়েছ। এটা তখনই (cid:197)েয়াজন যখন আপিন চান ফাংশন (cid:134)থেক (cid:134)ভলু িরটা(cid:166)ন করেত। এই (cid:134)(cid:387)টেম(cid:298)টা হল ফাংশােনর সর(cid:137)েশষ (cid:134)(cid:387)টেম(cid:298)। ফাংশান িরটান (cid:134)(cid:387)টেম(cid:298) (cid:135)তিরর সাধারন (cid:469)পিট হল-

function functionname (arguments) { script statement(s) return[variables] } উদাহররণঃ the return statement is used to specify the value that is returned from the function.so, functions that are going to return a value must use the return statement.the example below returns the product of two numbers (a and b): আমরা ফাংশেনর মাধ(cid:177)েম একিট (cid:134)ছাট (cid:134)যাগ অংক করেবা । এখােন (cid:446)ইটা না(cid:426)ােরর (cid:435)নফল িরটা(cid:166)ন করেব। (cid:134)(cid:197)ােজ(cid:213)িট (cid:134)দখুন: <html> <head> <script type=”text/javascript”> function product(a,b) { return a*b; } </script> </head> <body> <script type=”text/javascript”> document.write(product(4,3)); </script> </body> </html> আউটপুটঃ

12 যত(cid:225)ন জাভাি(cid:385)(cid:318) ফাংশনিট চলমান থােক তত(cid:225)ন ভ(cid:177)ািরয়(cid:177)াবলিট কাজ করেব। ফাংশনিট ব(cid:312) হওয়ার সােথ সােথ তা সয়ংি(cid:178)য়ভােব মুেছ যায়। অধ(cid:177)ায়ঃ বার -জাভাি(cid:385)(cid:318) ইেভ(cid:298) জাভাি(cid:385)(cid:318) ইেভ(cid:298) িক? আক(cid:166)ষনীয় ওেয়ব (cid:134)পজ (cid:135)তরীর িভি(cid:277) হে(cid:248) জাভাি(cid:385)(cid:318) ইেভ(cid:298) । ইেভে(cid:298)র সাধারণ অ(cid:166)থ ঘটনা। ডায়নািমক ওেয়ব সাইেট িবিভ(cid:315) ঘটনা ঘেট থােক যা ইেভ(cid:298) নােম পিরিচত। ঘটনা(cid:435)েলা হেত পাের (cid:134)কান বাটেন ি(cid:224)ক করা বা (cid:134)কান িলে(cid:237)র উপর মাউস ওভার করা ইত(cid:177)ািদ। আমরা জািন এইচিটএমএল (cid:134)পেজ জাভাি(cid:385)(cid:318) তখনই এি(cid:228)িকউট হয় যখন (cid:134)পজিট (cid:134)লাড হয়। িক(cid:451) এটা সব সময় ঘেট না । আমরা মােঝমােঝ চাই (cid:134)য জাভাি(cid:385)(cid:318) তখনই এি(cid:228)িকউট (cid:134)হাক যখন একিট ইেভ(cid:298) সংগিঠত হেব। (cid:134)যমন-যখন (cid:134)কান ইউজার একিট বাটেন ি(cid:224)ক করেব, তখনই (cid:134)কবল জাভাি(cid:385)(cid:318) (cid:134)কাড এি(cid:228)িকউট হেব। এে(cid:225)ে(cid:190) আমরা ি(cid:385)(cid:318) ফাংশােনর মােঝ (cid:393)াপন করব। আসেল ইেভ(cid:298)েক ফাংশােনর সােথ কি(cid:426)েনশন করা হয় ( (cid:134)যমন- যখন (cid:134)কান ইেভ(cid:298) সংগিঠত হেব তখন ফাংশানেক কল করা হেব)। (cid:197)িতটা অবেজে(cid:213)রই িকছু িনজ(cid:430) ইেভ(cid:298) বা ঘটনা আেছ। ইেভ(cid:298) সাধারণত ওেয়ব সা(cid:166)ভার, ওেয়ব (cid:199)াউজার ও ওেয়ব ইউজােরর interactions এর মাধ(cid:177)েম ঘেট থােক। ইেভ(cid:298) document object model (dom) –এর একিট অংশ। ওেয়ব (cid:134)পেজর (cid:197)িতিট এিলেমে(cid:298)র িকছু না িকছু ইেভ(cid:298) রেয়েছ যা জাভাি(cid:385)(cid:318) (cid:134)কাডেক হ(cid:177)াে(cid:301)ল কের। উদাহরণ(cid:430)(cid:469)প- আমরা একিট বাটেন onclick ইেভ(cid:298) ব(cid:177)বহার কির যােতকের ইউজার ঐ বাটেন ি(cid:224)ক করেলই (cid:134)কবল িনি(cid:193)(cid:387) (cid:134)কান ফাংশান কাজ কের। ইেভ(cid:298)েক html ট(cid:177)ােগর মােঝ িডফাইন করেত হেব। জাভাি(cid:385)(cid:318) ইেভে(cid:298)র উদাহরণ- ১ একিট মাউস ি(cid:224)ক ২ ওেয়ব (cid:134)পজ (cid:134)লাড হওয়া ৩ িচি(cid:404)ত (cid:393)ােনর উপর মাউস রাখা যােক আমরা hover নােম জািন । ৪ এইচিটএমএল ফ(cid:166)ম এ ইনপুট ব(cid:228) (cid:134)ক িসেল(cid:213) করা ৫ একিট keystroke িনেচর উদাহরেণ "onclick" ইেভ(cid:298) (cid:134)যাগ করা হেলা- <html> <head> <script type="text/javascript">

</script> </head> <body> <input type="button" value="click me!" onclick="popup()"> </body> </html> আউটপুটঃ বাটেন ি(cid:224)ক করেল িনেচর মত পপআপ (cid:134)মেসজ (cid:134)দখােব। জাভাি(cid:385)(cid:318) ইেভ(cid:298) হ(cid:177)াে(cid:301)লারঃ ইউজার একিট ওেয়ব সাইট িভিজট কের (cid:134)কান িলে(cid:237) ি(cid:224)ক করা বা (cid:134)কান িলে(cid:237)র উপর মাউস ওভার করা, ফরম সাবিমট করা ইত(cid:177)ািদ এই ধরেণর িবিভ(cid:315) কাজ কের থােক যা জাভাি(cid:385)ে(cid:318) ইেভ(cid:298) নােম পিরিচত। জাভাি(cid:385)(cid:318) ইেভ(cid:298) হ(cid:177)াে(cid:301)লার ব(cid:177)বহার কের ইেভ(cid:298)েক (cid:134)রসপ(cid:317) করা হয়। আপিন html এিলেমে(cid:298) একিট ইেভ(cid:298) হ(cid:177)াে(cid:301)লার (cid:134)যাগ কের িদেত পােরন যােত কের (cid:134)কান ইেভ(cid:298) সংগিঠত হেলই (cid:134)কবল (cid:134)রসপ(cid:317) পাওয়া যােব। উদাহরণ(cid:430)(cid:469)প- আপিন যখন জাভাি(cid:385)(cid:318) onmouseover ইেভ(cid:298) হ(cid:177)াে(cid:301)লার (cid:134)কান বাটেন যু(cid:215) করেবন এবং িকছু জাভাি(cid:385)(cid:318) (cid:134)কাড িনি(cid:193)(cid:375) কের (cid:134)দেবন যা (cid:134)কবল মা(cid:190) ইেভ(cid:298) সংগিঠত হেলই(এে(cid:225)ে(cid:190) ঐ বাটেনর উপর মাউস ওভার করা) (cid:134)কাডিট রান হেব।

জাভাি(cid:385)(cid:318) ইেভ(cid:298) অবেজ(cid:213)ঃ ইেভ(cid:298) হল (cid:134)কান কাজ যা জাভাি(cid:385)(cid:318) িদেয় করা হেয় থােক আর ইেভ(cid:298) অবেজ(cid:213) সংগিঠত ইেভ(cid:298) স(cid:426)ে(cid:312) তথ(cid:177) (cid:197)দান কের। । আমরা মােঝমােঝ চাই (cid:134)য জাভাি(cid:385)(cid:318) তখনই এি(cid:228)িকউট (cid:134)হাক যখন একিট ইেভ(cid:298) সংগিঠত হেব। (cid:134)যমন-যখন (cid:134)কান ইউজার একিট বাটেন ি(cid:224)ক করেব, তখনই (cid:134)কবল জাভাি(cid:385)(cid:318) (cid:134)কাড এি(cid:228)িকউট হেব। জাভাি(cid:385)(cid:318) ইেভ(cid:298) এি(cid:261)িবউটঃ িনে(cid:338) ইেভ(cid:298) এি(cid:261)িবউেটর তািলকা (cid:134)দওয়া হল (cid:134)য(cid:435)েলা িবিভ(cid:315) এইচিটএমএল এিলেমে(cid:298)র মােঝ (cid:393)াপন করা হয়। এেদর কাজ হল ইেভে(cid:298)র কােজর ধরণ ব(cid:166)ণনা করা। ie: internet explorer, f: firefox, o: opera, w3c: w3c standard. এি(cid:261)িবউট onblur onchange onclick ondblclick onerror onfocus onkeydown onkeypress onkeyup onload onmousedown onmousemove onmouseout onmouseover onmouseup onresize onselect onunload ঘটনা ঘেট যখন...... an element loses focus the content of a field changes mouse clicks an object mouse double-clicks an object an error occurs when loading a document or an image an element gets focus a keyboard key is pressed a keyboard key is pressed or held down a keyboard key is released a page or image is finished loading a mouse button is pressed the mouse is moved the mouse is moved off an element the mouse is moved over an element a mouse button is released a window or frame is resized text is selected the user exits the page ie f o w3c 3 3 3 4 1 9 yes 1 9 yes 1 9 yes 1 9 yes 4 3 3 3 3 3 4 3 4 3 4 4 3 3 1 9 yes 1 9 yes 1 no yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes

মাউস/কীেবা(cid:166)ড এি(cid:261)িবউট property altkey button clientx clienty ctrlkey metakey relatedtarget screenx screeny shiftkey 6 6 6 description returns whether or not the "alt" key was pressed when an event was triggered returns which mouse button was clicked when an event was triggered returns the horizontal coordinate of the mouse pointer when an event was triggered returns the vertical coordinate of the mouse pointer when an event was triggered returns whether or not the "ctrl" key was pressed when an event was triggered returns whether or not the "meta" key was pressed when an event was triggered returns the element related to the element that triggered the event returns the horizontal coordinate of the mouse pointer when an event was triggered returns the vertical coordinate of the mouse pointer when an event was triggered returns whether or not the "shift" key was pressed when an event was triggered 6 6 6 6 6 6 ie f o w3c 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes 1 9 yes no 1 9 yes অন(cid:177)ান(cid:177) ইেভ(cid:298) এি(cid:261)িবউট property bubbles cancelable currenttarget target description returns a boolean value that indicates whether or not an event is a bubbling event returns a boolean value that indicates whether or not an event can have its default action prevented returns the element whose event listeners triggered the event returns the element that triggered the event ie f o w3c no 1 9 yes no 1 9 yes no 1 9 yes no 1 9 yes

returns the time stamp, in milliseconds, from the epoch (system start or event trigger) returns the name of the event no 1 9 yes 6 1 9 yes timestamp type অধ(cid:177)ায়ঃ (cid:134)তর- ইউজােরর সােথ (cid:134)যাগােযাগ জাভাি(cid:385)(cid:318) পপআপ ব(cid:228) (ইউজােরর সােথ (cid:134)যাগােযাগ) ইউজােরর সােথ (cid:134)যাগােযাগ গেড় (cid:134)তালা (cid:134)যেত পাের উইে(cid:301)া অবেজে(cid:213)র িতনিট (cid:134)মথড alert, confirm ও prompt-এর মাধেম। alert() (cid:134)মথেডর মাধেম (cid:435)(cid:468)(cid:418)পূ (cid:166)ণ (cid:134)কান তথ(cid:177) ইউজারেক অবিহত করেত পােরন। এে(cid:225)ে(cid:190) ইউজার (cid:134)সই তথ(cid:177) (cid:134)জেন (cid:134)কবল ok বাটেন ি(cid:224)ক করেব। এখােন অন(cid:177) (cid:134)কান অপশান থাকেব না। অন(cid:177)িদেক (cid:134)কান তথ(cid:177) িদেয় ইউজােরর কাছ (cid:134)থেক ইনপুট িনেত চাইেল ব(cid:177)বহার করেত পােরন confirm() (cid:134)মথড। এে(cid:225)ে(cid:190) ইউজার (cid:134)সিট (cid:181)হন বা ব(cid:166)জন করেত পাের ok বা cancel বাটন (cid:134)(cid:197)স কের। অন(cid:177)িদেক ইউজােরর কাছ (cid:134)থেক (cid:134)কান ইনপুট িনেয় (cid:134)সিটেক ডকুেমে(cid:298) ব(cid:177)বহােরর জন(cid:177) prompt() (cid:134)মথড ব(cid:177)বহার করেত পােরন। এেত ইউজােরর সামেন একিট ইনপুট িফ(cid:357) (cid:134)দয়া হেব যােত (cid:134)স ইনপুট িদেত পাের।(cid:197)িতিট (cid:134)মথডেক আবার পপআপ ব(cid:228) িহেসেব গন(cid:177) করা হয় । যথা- alert box, confirm box, prompt box. িনে(cid:338) এেদর ব(cid:166)ণনা (cid:134)দওয়া হল- alert box alert() (cid:134)মথেডর বা alert বে(cid:228)র মাধেম (cid:435)(cid:468)(cid:418)পূ (cid:134)জেন (cid:134)কবল ok বাটেন ি(cid:224)ক করেব। এখােন অন(cid:177) (cid:134)কান অপশান থাকেব না। (cid:166)ণ (cid:134)কান তথ(cid:177) ইউজারেক অবিহত করেত পােরন। এে(cid:225)ে(cid:190) ইউজার (cid:134)সই তথ(cid:177) িসনট(cid:177)া(cid:228)ঃ alert("sometext"); উদাহরণঃ <html> <head> <script type="text/javascript"> function show_alert() {

alert("hello! i am an alert box!"); } </script> </head> <body> <input type="button" onclick="show_alert()" value="show alert box" /> </body> </html> উইে(cid:301)ােত িনেচর (cid:134)মাট একিট বাটন (cid:134)দখােব- যাতা ি(cid:224)ক করেল িনেচর মত ব(cid:228) (cid:134)দখােব- যিদ আপনার ওেয়ব (cid:199)াউজার এ জাভাি(cid:385)(cid:318) এি(cid:213)ভ করা না থােক তাহেল আপিন alert (cid:134)দখেত পােবন না। জাভাি(cid:385)(cid:318) এলা(cid:166)ট হে(cid:248) একটা ডায়ালগ ব(cid:228) যা pops up এবং চলিত (cid:199)াউজার উইে(cid:301)া হেত দৃি(cid:375) আ(cid:166)কষন কের। ওেয়ব (cid:199)াউজার (cid:134)ক alert (cid:134)মেসজিট পড়েত বাধ(cid:177) কের। confirm box (cid:134)কান তথ(cid:177) িদেয় ইউজােরর কাছ (cid:134)থেক ইনপুট িনেত চাইেল ব(cid:177)বহার করেত পােরন confirm() (cid:134)মথড। এে(cid:225)ে(cid:190) ইউজার (cid:134)সিট (cid:181)হন বা ব(cid:166)জন করেত পাের ok বা cancel বাটন (cid:134)(cid:197)স কের। যিদ "ok" ি(cid:224)ক করা হয় তেব true (cid:134)ভলু িরটা(cid:166)ন করেব আর যিদ "cancel" ি(cid:224)ক করা হয় তেব false (cid:134)ভলু িরটা(cid:166)ন করেব। িসনট(cid:177)া(cid:228)ঃ

ok ি(cid:224)ক করেল িনেচর মত (cid:134)মেসজ (cid:134)দখা যােব- cancel ি(cid:224)ক করেল মত (cid:134)মেসজ (cid:134)দখা যােব- javascript confirm ফাংশন এবং javascript alert ফাংশন (cid:197)ায় একই রকম।এটা একটা (cid:134)ছাট ডায়ালগ ব(cid:228) যা ওেয়ব (cid:134)পজ এর সামেন সরাসির দৃি(cid:375) পাত করার জন(cid:177) (cid:197)দি(cid:166)শত হয়।confirm box যা alert box হেত িভ(cid:315) ।এটা ব(cid:177)বহারকারীেক (cid:446)িট অপশন (cid:134)দয়: ১ পপআপ (cid:134)মেসজিট যিদ তারা confirm করেত চায় তেব ok (cid:134)(cid:197)স করেত হেব। ২ বা পপআপ (cid:134)মেসজিটর সােথ একমত না হয় তেব cancel (cid:134)(cid:197)স করেত হেব।

(cid:134)কান িকছু িনি(cid:368)ত করার জন(cid:177) confirm ফাংশন িট (cid:197)ায়ই ব(cid:177)বহার হেয় থােক। এই (cid:435)(cid:468)(cid:418)পু স(cid:340)(cid:315) করা হয়। ব(cid:177)বহারকারীগন (cid:134)কান িকছু submission এবং ব(cid:177)বহারকারীেক িব(cid:256)ি(cid:319) (cid:197)দান কের (cid:134)য তারা (cid:134)য িলংেক ি(cid:224)ক কেরেছ তার মাধ(cid:177)েম অন(cid:177) website এ (cid:134)যত ই(cid:248)ুক িকনা। (cid:166)ন কাজিট website এর মাধ(cid:177)েম prompt box ইউজােরর কাছ (cid:134)থেক (cid:134)কান ইনপুট িনেয় (cid:134)সিটেক ডকুেমে(cid:298) ব(cid:177)বহােরর জন(cid:177) prompt() (cid:134)মথড ব(cid:177)বহার করেত পােরন। এেত ইউজােরর সামেন একিট ইনপুট িফ(cid:357) (cid:134)দয়া হেব যােত (cid:134)স ইনপুট িদেত পাের। যিদ "ok" ি(cid:224)ক করা হয় তেব input value (cid:134)ভলু িরটা(cid:166)ন করেব আর যিদ "cancel" ি(cid:224)ক করা হয় তেব null (cid:134)ভলু িরটা(cid:166)ন করেব। িসনট(cid:177)া(cid:228)ঃ prompt("sometext","defaultvalue"); উদাহরণঃ <html> <head> <script type="text/javascript"> function show_prompt() { var name=prompt("please enter your name","harry potter"); if (name!=null && name!="") { document.write("hello " + name + "! how are you today?"); } } </script> </head> <body> <input type="button" onclick="show_prompt()" value="show prompt box" /> </body> </html> উইে(cid:301)ােত িনেচর (cid:134)মাট একিট বাটন (cid:134)দখােব-

যােত ি(cid:224)ক করেল নাম ইনপুট কের ওেক ি(cid:224)ক জাভাি(cid:385)(cid:318) (cid:197)(cid:340)ট এর ব(cid:177)বহার ব(cid:166)তমােন কম (cid:134)দখা যায়। জাভাি(cid:385)(cid:318) (cid:197)(cid:340)ট এর উে(cid:286)শ(cid:177) হে(cid:248) ব(cid:177)বহারকারী(user) হেত তথ(cid:177) সং(cid:181)হ করা যােত এই তথ(cid:177)(cid:435)েলােক এ ব(cid:177)বহার করা যায় যারফেল ব(cid:177)বহারকারীর(user) ব(cid:177)ি(cid:215)গত অনুভুিত সৃি(cid:375) হেব। জাভাি(cid:385)(cid:318) (cid:197)(cid:340)ট খুব কােজ লােগ না এটা অেনেকর কােছ িবরি(cid:215) কর। তেব (cid:134)শখার জন(cid:177) এখােন িশখেবা। িতনিট (cid:134)মথেডর সম(cid:422)েয় একিট উদাহরণ (cid:134)দখুন- <html> <head> <title>open and close method demonstration</title> </head> <body> <h3>alert, confirm and prompt method demonstration</h3> <form> <input type=button onclick="javascript:confirm('do you really want to quit?')" value="quit"> <input type=button onclick="javascript:prompt('what is your name, please?')" value="your name"> <input type=button onclick="javascript:alert('you are going to enter a dangeorus zone')" value="warning!"> </body>

</form> </html> অধ(cid:177)ায়ঃ (cid:134)চৗ(cid:286)- অবেজ(cid:213) ওিরেয়ে(cid:298)ড জাভাি(cid:385)(cid:318) অবেজ(cid:213) ওিরেয়ে(cid:298)ড জাভাি(cid:385)(cid:318) িক? জাভাি(cid:385)(cid:318) হল অবেজ(cid:213) ওিরেয়ে(cid:298)ড (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)া(cid:242)ুেয়জ (অবেজ(cid:213) ওিরেয়ে(cid:298)ড (cid:134)(cid:197)া(cid:181)ািমং কাজ কের (cid:134)কাড এবং তার সােথ সংি(cid:372)(cid:375) ডাটা িনেয়)। অবেজ(cid:213) ওিরেয়ে(cid:298)ড (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)া(cid:242)ুেয়জ আপনােক িনেজর মত অবেজ(cid:213) ((cid:134)কান ব(cid:478) িকংবা ঘটনাই হল অবেজ(cid:213)) (cid:135)তির করেত (cid:134)দেব এবং আপিন িনজ(cid:430) (cid:134)ভিরেয়বল টাইপ (cid:135)তির করেত পারেবন। জাভাি(cid:385)(cid:318)েক জাভার মত (cid:430)য়ংস(cid:340)ূ(cid:166)ণ অবেজ(cid:213) ওিরেয়ে(cid:298)ড (cid:134)(cid:197)া(cid:181)ািমং (oop) ল(cid:177)া(cid:242)ুেয়জ বলা যায় না। এটা িডজাইন করা হেয়েছ (cid:471)ধুমা(cid:190) িস(cid:340)ল অবেজ(cid:213) (cid:134)বজড মেডল িহেসেব। জাভাি(cid:385)ে(cid:318) িনজ(cid:430) িব(cid:355)-ইন অবেজ(cid:213) রেয়েছ, এছাড়াও জাভাি(cid:385)(cid:318) কা(cid:387)ম অবেজ(cid:213) (cid:135)তির করার সুেযাগ আেছ। আবার অবেজ(cid:213)র (cid:135)বিশ(cid:375)(cid:177)ই হল তার (cid:197)পাি(cid:166)ট। অবেজে(cid:213)র সােথ িরেলেটড ফাংশান থাকেত পাের যা অবেজ(cid:213) (cid:134)মথড নােম পিরিচত। (িবঃ (cid:193)ঃ অবেজ(cid:213), (cid:197)পাি(cid:166)ট ও (cid:134)মথড িনেয় িনেচ িব(cid:389)ািরত আেলাচনা করা হেয়েছ)। একিট (cid:134)(cid:197)া(cid:181)ািমং ল(cid:177)া(cid:242)ুেয়জেক অবেজ(cid:213) ওিরেয়ে(cid:298)ড (cid:134)(cid:197)া(cid:181)ািমং (oop) ল(cid:177)া(cid:242)ুেয়জ বলা যােব যিদ তার িনেচর চারিট (cid:135)বিশ(cid:375)(cid:177) থােক-  এনক(cid:177)াপসুেলসন (encapsulation): একই ধরেণর তথ(cid:177)েক(যা ডাটা বা (cid:134)মথড (cid:134)যেকােনািট হেত পাের ) একে(cid:190) কের অবেজ(cid:213) (cid:135)তির করাই হল এনক(cid:177)াপসুেলসন। িবঃ (cid:193)ঃ অবেজ(cid:213) িক তা িনেচ আলচনা করা হেয়েছ।  এি(cid:181)েগশান(aggregation) : একিট অবেজ(cid:213) অন(cid:177) আেরকিট অবেজে(cid:213)র মােঝ (cid:134)(cid:387)ার করাই হল এি(cid:181)েগশান।  ইনেহিরেট(cid:317), (inheritance): the capability of a class to rely upon another class (or number of classes) for some of its properties and methods   পিলমরিফজম (polymorphism): the capability to write one function or method that works in a variety of different ways অবেজ(cid:213)ঃ অবেজ(cid:213) এর সাধারন অ(cid:166)থ ব(cid:478)। (cid:134)কান ব(cid:478) বা ঘটনার (cid:134)(cid:197)া(cid:181)ািমং সং(cid:384)রন হল অবেজ(cid:213)। অন(cid:177)ভােব বলা যায় বা(cid:389)ব জগেতর সকল ব(cid:478) ((cid:134)যমন-বই, মানুষ, বল ইত(cid:177)ািদ) বা ঘটনা হল এক একিট অবেজ(cid:213)। আবার বলা যায় অবেজ(cid:213) হল িবেশষ ধরেনর ডাটা যার রেয়েছ িনজ(cid:430) (cid:197)পাি(cid:166)ট এবং (cid:134)মথড। objects are useful to organize information. (cid:197)পাি(cid:166)টঃ (cid:197)পাি(cid:166)ট যার অ(cid:166)থ হল (cid:135)বিশ(cid:375)(cid:177)। এখােন (cid:135)বিশ(cid:375)(cid:177) বলেত অবেজে(cid:213)রই (cid:135)বিশ(cid:375)(cid:177) বুঝােনা হয়। (cid:197)িতিট অবেজে(cid:213)রই িকছু না িকছু (cid:135)বিশ(cid:375)(cid:177) থােক। (cid:134)যমন- আমরা জািন একজন বাি(cid:215) একিট অবেজ(cid:213)। আর (cid:197)পাি(cid:166)ট হল অবেজে(cid:213)র (cid:134)ভলু। ঐ বাি(cid:215)র নাম, উ(cid:247)তা, ওজন, ভর, বয়স, (cid:134)চােখর রঙ ইত(cid:177)ািদ হল তার (cid:197)পাি(cid:166)ট। সকল (cid:134)লােকরই এসকল (cid:197)পাি(cid:166)ট রেয়েছ িক(cid:451) তা বাি(cid:215)েভেদ আলাদা হয়।

অবেজে(cid:213) (cid:197)পাি(cid:166)ট একেসস করার িসনট(cid:177)া(cid:228) হল- objectname.objectproperty = propertyvalue; আপিন সরাসির (cid:197)পাি(cid:166)টর (cid:134)ভলু এসাইন কের িদেত পােরন। (cid:134)যমন- <script type="text/javascript"> personobj.firstname="abdullah"; personobj.lastname="faruk"; personobj.age=20; personobj.eyecolor="black"; document.write(personobj.firstname); </script> এখােন personobj হল অবেজ(cid:213) এবং firstname, lastname, age, eyecolor হল ঐ অবেজে(cid:213)র (cid:197)পাি(cid:166)ট। সমান িচে(cid:404)র ডানপােশর সকল (cid:134)ভলু হল ঐ (cid:197)পাি(cid:166)টর (cid:134)ভলু। উপেরা(cid:215) (cid:134)কােডর আউটপুট হেব- abdullah. (cid:134)মথডঃ (cid:197)পাি(cid:166)টেত আমরা বেলিছলাম একজন বাি(cid:215) একিট অবেজ(cid:213)। (cid:197)িতিট অবেজে(cid:213)রই আবার রেয়েছ এক বা একািধক (cid:134)মথড। (cid:134)মথড হল ি(cid:178)য়া বা কাজ (actions) যা অবেজে(cid:213)র (cid:420)ারা স(cid:340)াদন করা হয়। (cid:134)যমন- ঐ বাি(cid:215)র (cid:134)মথড হল eat(), sleep(), work(), play() ইত(cid:177)ািদ। এেককিট কাজ করেত এেককিট (cid:134)মথড ব(cid:177)বহার করেত হয়। িনেচর িসনট(cid:177)া(cid:228) ব(cid:177)বহার কের একটা (cid:134)মথডেক কল করেত পােরন- objname.methodname() উদাহরণ- document.write(“javascript”); এখােন document অবেজ(cid:213)র (cid:134)মথড হল write()। এই (cid:134)মথেডর কাজ হল (cid:134)কােনা িকছু (cid:134)লখা। write() এর (cid:199)(cid:177)ােকেটর মােঝ যা িকছু (cid:134)লখা হেব write() (cid:134)মথডিট (cid:134)সটাই আউটপুেট (cid:134)দখােব।

অবেজে(cid:213)র (cid:197)কারেভদঃ জাভাি(cid:385)ে(cid:318) অবেজ(cid:213)েক (cid:446)ই ভােগ ভাগ করা যায়। যথা- ১.িব(cid:355)-ইন অবেজ(cid:213) ২. ইউজার িডফাইন অবেজ(cid:213) ১.জাভাি(cid:385)(cid:318) িব(cid:355)-ইন অবেজ(cid:213)ঃ জাভাি(cid:385)ে(cid:318) কত(cid:435)েলা িব(cid:355)-ইন অবেজ(cid:213) রেয়েছ যােদর তািলকা িনে(cid:338) (cid:134)দওয়া হল- ১. অ(cid:177)াের অবেজ(cid:213) (array object) ২. বুিলয়ান অবেজ(cid:213) (boolean object) ৩. (cid:134)ডট (সময়) অবেজ(cid:213) (date object) ৪. ম(cid:177)াথ অবেজ(cid:213) (math object) ৫.না(cid:426)ার অবেজ(cid:213) (number object) ৬. ি(cid:388)ং অবেজ(cid:213) (string object) ৭. (cid:134)র(cid:435)লার এ(cid:228)ে(cid:197)শান অবেজ(cid:213) (regexp object) ৮.(cid:134)(cid:235)াবাল অবেজ(cid:213) (global object)

২. ইউজার িডফাইন অবেজ(cid:213) জাভাি(cid:385)ে(cid:318) অবেজ(cid:213) (cid:135)তির করাঃ ইিতপূের(cid:137) আমরা (cid:134)দখলাম জাভাি(cid:385)ে(cid:318)র িকছু িব(cid:355)-ইন অবেজ(cid:213) রেয়েছ । (cid:134)যমন- string, date, array ইত(cid:177)ািদ। িব(cid:355)-ইন অবেজ(cid:213) ছাড়াও জাভাি(cid:385)ে(cid:318) িনজ(cid:430) অবেজ(cid:213) (cid:135)তির করা যায়। জাভাি(cid:385)ে(cid:318) িবিভ(cid:315)ভােব অবেজ(cid:213) (cid:135)তির করা যায়। িনেচর (cid:446)িট প(cid:289)িতর সাহােয(cid:177) অবেজ(cid:213) (cid:135)তির করা (cid:134)দখােনা হল- ১.new অপােরটর ব(cid:177)বহার কের সরাসির অবেজ(cid:213) (cid:135)তির করা। ২. অবেজ(cid:213) ইিনিশয়ালাইজার (initializer) / constructor function ব(cid:177)বহার কের অবেজ(cid:213) (cid:135)তির। 1.new অপােরটর ব(cid:177)বহার কের সরাসির অবেজ(cid:213) (cid:135)তির করাঃ “new “ অপােরটর ব(cid:177)বহার কের জাভাি(cid:385)ে(cid:318) অবেজ(cid:213) (cid:135)তির করা যায়। এে(cid:225)ে(cid:190) িবিভ(cid:315) constructor (cid:134)মথড (cid:134)যমন- object(), array() বা date() ব(cid:177)বহার করা হয়। এসকল constructor (cid:134)মথড আসেল জাভাি(cid:385)(cid:318) ফাংশান। িসনট(cid:177)া(cid:228)ঃ objectname = { property1 : value1, property2 : value2,...,propertyn : valuen}; এখােন, 1.objectname : নুতন অবেজে(cid:213)র নাম। 2.property_1, property_2, .....property_n : এ(cid:435)েলা (cid:197)পাি(cid:166)টর নাম যা- নাম, সংখ(cid:177)া বা ি(cid:388)ং হেত পাের। 3.value1, value2,..,valuen : এ(cid:435)েলা (cid:197)পাি(cid:166)টর মান বা এ(cid:228)ে(cid:197)সন। িনেচর (cid:134)কাড একিট অবেজ(cid:213) (cid:135)তির কের (cid:134)যখােন চারিট (cid:197)পাি(cid:166)ট রেয়েছ- personobj=new object(); personobj.firstname="john"; personobj.lastname="doe"; personobj.age=50; personobj.eyecolor="blue"; এভােব না িলেখ সরাসির িনেচর মত কের (cid:134)লখা যায়- personobj={firstname:"john",lastname:"doe",age:50,eyecolor:"blue"};

</head> <body> <script type="text/javascript"> document.write("book name is : " + book.subject + "<br>"); document.write("book author is : " + book.author + "<br>"); </script> </body> </html> আউটপুটঃ book name is : perl book author is : mohtashim 2. অবেজ(cid:213) ইিনিশয়ালাইজার (initializer) / constructor function ব(cid:177)বহার কের অবেজ(cid:213) (cid:135)তিরঃ constructor ফাংশান ব(cid:177)বাহার কের অবেজ(cid:213) (cid:135)তির করেত িনেচর িনয়ম(cid:435)েলা ভালভােব (cid:134)মেন চলেত হেব- constructor ফাংশােন "this" কীওয়া(cid:166)ড ব(cid:177)বহার কের অবেজে(cid:213) (cid:134)ম(cid:426)ার (cid:134)যাগ করেত হেব।  constructor ফাংশােনর নাম অবেজে(cid:213)র নােমর মত হেব।   সমান িচে(cid:404)র (“=”) পের (cid:197)পাি(cid:166)ট/ (cid:134)মথেডর মান িডফাইন কের িদেত হেব।  constructor ফাংশােন (cid:134)কান "return" (cid:134)(cid:387)টেম(cid:298) থাকেত পারেব না। constructor ফাংশান ব(cid:177)বহার কের অবেজ(cid:213) (cid:135)তির করেত (cid:134)মাট িতনিট ধাপ অনুসরন করেত হেব। উদাহরেণর সাহােয(cid:177) িবষয়িট আেলাচনা করা হল- (cid:197)থম ধাপঃ

িনে(cid:338) একিট ফাংশান (cid:135)তির করা হল যা অবেজ(cid:213) গঠন কের- function student(name, class, rollno) { this.name = name; this.class = class this.rollno = rollno; } উপেরা(cid:215) উদাহরেণ student হল একিট অবেজ(cid:213), যার িতনিট প(cid:177)ারািমটার আেছ- name, class and rollno। অবেজে(cid:213)র মান িন(cid:166)ভর কের ফাংশােন (cid:134)কান প(cid:177)ারািমটার পাস (passed) করা হেয়েছ তার উপর। এখােন "this" কীওয়া(cid:166)ড ব(cid:177)বহার কের constructor ফাংশােন অবেজে(cid:213) (cid:134)ম(cid:426)ার ((cid:197)পাি(cid:166)ট) (cid:134)যাগ করা হেয়েছ। the reason for all the "this" stuff is that you're going to have more than one person at a time (which person you're dealing with must be clear). ি(cid:420)তীয় ধাপঃ একবার object constructor গঠন হেয় (cid:134)গেল, আপিন নুতন অবেজ(cid:213) (cid:135)তির করেত পারেবন। এই ধােপ আপনােক নূতন একিট অবেজ(cid:213) (cid:135)তির করেত হেব। (cid:134)যমন- studentv = new student("john", "v", 10) উপেরা(cid:215) (cid:134)(cid:387)টেমে(cid:298) “studentv” নােম একিট নুতন অবেজ(cid:213) (cid:135)তির করা হেয়েছ এবং এই অবেজে(cid:213)র (cid:197)পাি(cid:166)টেত িনিদ(cid:375) (cid:134)ভলু এসাইন কের (cid:134)দওয়া হেয়েছ। এমতাব(cid:393)ায়-  studentv.name এর মান হেব ি(cid:388)ং "john"  studentv.class এর মান হেব ি(cid:388)ং "v"  student.rollno এর মান হেব ইি(cid:298)জার 10 . we can create any number of student objects by calls to new. তৃতীয় ধাপঃ এবার constructor ফাংশােনর বাইের নুতন (cid:134)য অবেজ(cid:213) (cid:135)তির করা হেয়েছ তােক কল করেত হেব। িবষয়িট ভালভােব (cid:134)বাঝার জন(cid:177) একিট উদাহরন (cid:134)দওয়া হল- <html> <body> <script type="text/javascript">

function student(name, class, rollno) { this.name = name; this.class = class this.rollno = rollno; } studentv = new student("john", "v", 10) document.write(studentv.name + " reading in class " + student.class + "and his roll no:”+ student.rollno); </script> </body> </html> অধ(cid:177)ায়ঃ পেনর - জাভাি(cid:385)(cid:318) কুিক জাভাি(cid:385)(cid:318) কুিক িক? কুিক যা http কুিক , web কুিক, অথবা browser কুিক নােমও পিরিচত। কুিক হল একিট (cid:134)ছাট (cid:134)ট(cid:228)ট ফাইল যা ওেয়ব সাইট (cid:134)থেক ইউজারেক পাঠােনা হয় এবং তা ইউজােরর (cid:199)াউজাের জমা হয় যখন ইউজার (cid:134)কান ওেয়ব সাইট িভিজট কের। যখন ঐ ইউজার ভিবতসেত আবার (cid:134)সই ওেয়ব সাইট িভিজট কের তখন কুিকেত (cid:134)(cid:387)ার(cid:178)ীত ডাটা ঐ ওেয়ব সাইট (cid:420)ারা আবার retrieved করা হয়। ইউজােরর পূের(cid:137)র activity (ঐ ওেয়ব সাইেট ইউজার পূের(cid:137) িক িক কাজ কেরেছ। (cid:134)যমন- (cid:134)কান (cid:134)কান বাটেন ি(cid:224)ক কেরেছ, লগ-ইন কেরেছ িকনা, (cid:134)কান (cid:134)কান (cid:134)পজ িভিজট কেরেছ, (cid:134)কান নাম িদেয় (cid:134)রিজে(cid:387)সন কেরেছ, remembering the items in your shopping cart from previous visits. এককথায় ইউজারেক আইেডি(cid:298)ফাই করেত ইত(cid:177)ািদ )িচি(cid:404)ত করা হয়। কুিক ইউজােরর কি(cid:340)উটাের ভাইরাস ছড়ায় না বা ম(cid:177)াকওয়(cid:177)ার (cid:134)সটআপ কের না। ব(cid:166)তমােন িবেশষ িকছু ধরেণর কুিক রেয়েছ যা আধুিনক ওেয়ব সাইট(cid:435)লেত িবেশষ কাজ কের থােক। (cid:134)যমন-authentication cookies (cid:134)মথড যা িন(cid:166)ণয় কের ইউজার লগ-ইন অব(cid:393)ায় আেছ িক (cid:134)নই, অথবা যিদ লগ-ইন অব(cid:393)ায় থােক তেব (cid:134)কান একাউ(cid:298) িদেয় লগ-ইন আেছ। এ ধরেণর ইনফরেমশান না (cid:134)জেন ওেয়ব সাইট (cid:134)য (cid:134)কান (cid:134)সে(cid:317)িটভ (cid:134)পজ ইউজারেক (cid:197)দ(cid:166)শন করেত পাের না। এটা ওেয়েবর জন(cid:177) (cid:487)মিক হেয় দঁাড়ােব। কুিক (cid:134)কবল মা(cid:190) (cid:134)সই সা(cid:166)ভারই িরড করেত পাের (cid:134)য সা(cid:166)ভার এটা (cid:134)জনােরট কেরেছ। কুিক মূলত ইউজােরর কাজেক সহজ করেত (cid:135)তির করা হেয়েছ। জাভাি(cid:385)(cid:318) একই সােথ কুিক (cid:135)তির ও পুনঃ(cid:468)(cid:289)ার করেত পাের।

কুিকর উদাহরণ-  name cookie - ইউজার (cid:197)থেম (cid:134)কান ওেয়ব সাইেট তার ইউজার নাম িদেয় (cid:197)েবশ করেল (cid:134)সটা কুিকেত জমা থােক। (cid:134)স আবার যখন ঐ সাইেট লিগন কের তখন তােক আবার তার নাম িদেয় একিট ওেয়লকাম (cid:134)মেসজ (cid:134)দওয়া (cid:134)যেত পাের আর এই নামিট কুিকেত সংরি(cid:225)ত থােক।  password cookie – পাসওয়া(cid:166)ড-এর ব(cid:177)পারটাও একই। ি(cid:420)তীয় বার সাইেট লিগন করেল কুিক (cid:134)থেক পাসওয়া(cid:166)ড পুনঃ(cid:468)(cid:289)ার করা হয়।  date cookie – ি(cid:420)তীয় বার (cid:134)কান সাইেট লিগন করেল আপনােক জািনেয় (cid:134)দওয়া (cid:134)যেত পাের আপিন (cid:134)শষ কেব ঐ সাইেট লিগন কেরিছেলন। পূের(cid:137)র তািরখ কুিকেত জমা থােক। কুিক (cid:135)তির ও জমা করাঃ িনেচর উদাহরেণ আমরা একিট কুিক (cid:135)তির করেবা যা িভিজটেরর নাম (cid:134)(cid:387)ার করেব। (cid:197)থেম সাইেট িভিজট করেল ইউজারেক তার নাম ইনপুট করেত বলা হেব। এই নামটা কুিকেত জমা থাকেব। পরব(cid:166)তীেত ঐ ইউজার ঐ সাইেট (cid:197)েবশ করেল তােক একিট ওেয়লকাম (cid:134)মেসজ (cid:134)দওয়া হেব। (cid:197)থেম আমরা একিট ফাংশান (cid:135)তির করেবা যা ইউজােরর নাম একিট কুিক (cid:134)ভিরেয়বেল জমা করেব- function setcookie(c_name,value,exdays) { var exdate=new date(); exdate.setdate(exdate.getdate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toutcstring()); document.cookie=c_name + "=" + c_value; } উপেরর উদাহরেণ ফাংশনিট কুিকর নাম, কুিকর (cid:134)ভলু এবং কুিকর এ(cid:228)পায়ার (cid:134)ডট ধারন করেব। এই ফাংশােন (cid:197)থেম িদনেক একিট ভ(cid:177)ািলড তািরেখ কনভা(cid:166)ট করা হেয়েছ। তারপর কুিকর এ(cid:228)পায়ার (cid:134)ডট (cid:134)সট করা হেয়েছ। তারপর কুিকর নাম, কুিকর (cid:134)ভলু এবং কুিকর এ(cid:228)পায়ার (cid:134)ডট অবেজে(cid:213) document.cookie (cid:134)(cid:387)ার করা হেয়েছ। তারপর িনেচর মত কের অন(cid:177) আেরকিট ফাংশান (cid:135)তির করা হেয়েছ , যার কাজ হল িনিদ(cid:387) কুিক িরটান করা – function getcookie(c_name) { var i,x,y,arrcookies=document.cookie.split(";"); for (i=0;i<arrcookies.length;i++) { x=arrcookies[i].substr(0,arrcookies[i].indexof("=")); y=arrcookies[i].substr(arrcookies[i].indexof("=")+1); x=x.replace(/^\s+|\s+$/g,""); if (x==c_name) { return unescape(y);

} } } উপেরর ফাংশানিট কুিকর নাম ও (cid:134)ভলু উ(cid:289)ার করেত একিট অ(cid:177)াের (cid:135)তির কের। তারপর এটা (cid:134)চক কের (cid:134)দেখ িনিদ(cid:387) কুিক পাওয়া যায় িকনা , যিদ পাওয়া যায় তেব কুিকর মান িরটান কের। সবেশেষ একিট ফাংশান (cid:135)তির করা হেয়েছ যা ইউজারেক ওেয়লকাম (cid:134)মেসজ (cid:134)দখােব যিদ কুিক পাওয়া যায়। আর যিদ কুিক না পাওয়া যায় তেব একিট (cid:197)েমাট ব(cid:228) (cid:134)দখােব (cid:134)যখােন ইউজার (cid:134)নম ও পাসওয়া(cid:166)ড িদেত হেব। function checkcookie() { var username=getcookie("username"); if (username!=null && username!="") { alert("welcome again " + username); } else { username=prompt("please enter your name:",""); if (username!=null && username!="") { setcookie("username",username,365); } } } তাহেল (cid:134)টাটাল (cid:134)কাডটা হল- <html> <head> <script type="text/javascript"> function getcookie(c_name) { var i,x,y,arrcookies=document.cookie.split(";");

অধ(cid:177)ায়ঃ (cid:134)ষাল-জাভাি(cid:385)(cid:318) ফ(cid:166)ম (cid:134)ভিলেডশন ইউজােরর সােথ (cid:134)যাগােযােগর জন(cid:177) (cid:197)িতটা ওেয়ব সাইেট ফ(cid:166)ম একিট অত(cid:177)(cid:304) (cid:435)(cid:468)(cid:418)পূ করা, কা(cid:387)মার (cid:134)থেক অ(cid:166)ডার (cid:181)হন করা সহ অসংখ(cid:177) কাজ ফে(cid:166)মর মাধ(cid:177)েম করা হয়। ফ(cid:166)ম পূরণ কের ডাটা(cid:435)েলা সা(cid:166)ভাের পাঠােনার আেগই যিদ (cid:197)িতটা িফ(cid:357) (cid:134)চক কের (cid:134)দখা হয় (cid:134)য কথাও ভুল আেছ িক না তেব অেনক সময় বঁােচ, আর এই কাজিট হল "ফ(cid:166)ম (cid:134)ভিলেডশন"। অন(cid:177)ভােব বলা যায় জাভাি(cid:385)(cid:318) ফ(cid:166)ম (cid:134)ভিলেডশন এমন একিট (cid:134)কৗশল যার মাধ(cid:177)েম ব(cid:177)বহারকারীগন (cid:134)ডটা সাবিমট করার আেগ তার ফ(cid:166)ম এর তথ(cid:177)েক যাচাই কের।জাভাি(cid:385)(cid:318) আপনােক সাহায(cid:177)কারী এলা(cid:166)ট (cid:134)দখােব এবং (cid:134)সটা ব(cid:177)বহারকারীগনেক জানােব (cid:134)য তার তথ(cid:177)িট ভুল বা অস(cid:340)ু িদেয় (cid:134)য কাজ(cid:435)েলা করা যায়- (cid:166)ন িছল এবং আরও বলেব (cid:134)য িকভােব (cid:134)স সমস(cid:177)ািট সমাধান করেত পারেব। ফ(cid:166)ম (cid:134)ভিলেডশন (cid:166)ণ একিট িবষয়। (cid:134)যমনঃ ওেয়ব সাইেট িনব(cid:312)ন ইনপুট িফ(cid:357) খািল আেছ িক না (cid:134)চক করা। ইনপুট িফে(cid:357) সব সংখ(cid:177)া আেছ িক না (cid:134)চক করা।  ইনপুট িফে(cid:357) (cid:197)য়জেনর (cid:134)চেয় কম বা (cid:134)বিশ ক(cid:177)ের(cid:213)ার ইনপুট করা হেয়েছ িক না তা না (cid:134)চক করা। ইেমইল এে(cid:188)স িট (cid:135)বধ িকনা সিঠক ফরম(cid:177)ােটর (cid:134)ডট ইনপুট করা হেয়েছ িক না তা না (cid:134)চক করা। ইত(cid:177)ািদ (cid:134)দখার জন(cid:177) ফ(cid:166)ম (cid:134)ভিলেডশন ব(cid:177)ব(cid:488)ত হয়। ইনপুট িফ(cid:357) ফঁাকা িকনা তা (cid:134)চক করার জন(cid:177)ঃ এটা একটা সাধারণ টাইেপর ফ(cid:166)ম (cid:134)ভিলেডশন । আপিন িনি(cid:368)ত হেত পারেবন (cid:134)য ব(cid:177)বহারকারী এইচিটএমএল িফ(cid:357) এর মেধ(cid:177) (cid:134)ডটা িলেখেছ িকনা। এইচিটএমএল ইনপুট িফ(cid:357)িট যিদ খািল থােক তেব একটা এলাট (cid:134)মেসজ (cid:134)দখােব এবং ডাটা সা(cid:166)ভাের সাবিমট করেব না। িনেচর উদাহরণিট (cid:134)দখুন- <!doctype html> <html> <head> <script type="text/javascript"> function validateform() { var x=document.forms["myform"]["fname"].value; if (x==null || x=="") { alert("first name must be filled out"); return false; }

} </script> </head> <body> <form name="myform" action="demo_form.asp" onsubmit="return validateform()" method="post"> first name: <input type="text" name="fname"> <input type="submit" value="submit"> </form> </body> </html> িনেচর মত আউটপুট (cid:134)দখােব- (cid:134)কান ডাটা ইনপুট না কের সাবিমট করেল িনেচর মত এলাট (cid:134)মেসজ (cid:134)দখােব- ইেমইল (cid:134)ভিলেডশন: এখন আপনােদর (cid:134)দখােবা (cid:134)য, ব(cid:177)বহারকারীর ইেমইলিট (cid:135)বধ িকনা তা িকভােব আপিন (cid:134)চক করেত পারেবন । একিট (cid:135)বধ ইেমইেল অবশ(cid:177)ই একিট @ সাইন এবং ডট (.) থাকেত হেব (cid:134)যখােন @ সাইনিট ইেমইল এর (cid:197)থম ক(cid:177)ের(cid:213)ার হেব না এবং (cid:134)শেষর ডট (.) িট অবশ(cid:177)ই @ সাইেনর পের হেব এবং অবশ(cid:177)ই ডেটর পের অ(cid:304)তপে(cid:225) (cid:446)িট ক(cid:177)ের(cid:213)ােরর হেব।

100

valid উদাহরন:  bobby.jo@filltank.net invalid উদাহরন:  @deleted.net - @ sign এর আেগ (cid:134)কান characters (cid:134)নই।  free!dom@bravehe.art - invalid character !  shoes@need_shining.com - domain name এ underscores ব(cid:177)ব(cid:404)ত হয় না। একিট উদাহরণ (cid:134)দখুন- <!doctype html> <html> <head> <script type="text/javascript"> function validateform() { var x=document.forms["myform"]["email"].value; var atpos=x.indexof("@"); var dotpos=x.lastindexof("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) { alert("not a valid e-mail address"); return false; } } </script> </head> <body> <form name="myform" action="demo_form.asp" onsubmit="return validateform();" method="post"> email: <input type="text" name="email"> <input type="submit" value="submit"> </form> </body>

101

</html> আউটপুটঃ িফে(cid:357) আপিন যিদ ভ(cid:177)ািলড ইেমইল না (cid:134)লেখন তেব িনেচর মত (cid:134)মেসজ (cid:134)দখােব- জাভাি(cid:385)(cid:318) (cid:134)গটএিলেম(cid:298)বাইআইিড আপিন িক কখনও জাভাি(cid:385)(cid:318) ব(cid:177)বহার কের ফ(cid:166)ম (cid:134)ভিলেডশন কেরেছন?(cid:134)ট(cid:228)ট িফে(cid:357)র (cid:134)কান (cid:134)ভলু যাচাই করেত (cid:134)কান সমস(cid:177)ায় পেড়েছন?একটা সহজ উপােয়র মাধ(cid:177)েম এইচিটএমএল এিলেম(cid:298) িনয়(cid:306)ন করেত পােরন।আইিড এি(cid:186)িবউট এবং (cid:134)গটএিলেম(cid:298)বাইআইিড ফাংশেনর মাধ(cid:177)েম তা করেত পােরন। জাভাি(cid:385)(cid:318): ডকুেম(cid:298).(cid:134)গটএিলেম(cid:298)বাইআইিড (document.getelementbyid) <html> <head> <script type="text/javascript"> function notempty(){ var mytextfield = document.getelementbyid('mytext'); if(mytextfield.value != "") alert("you entered: " + mytextfield.value)

103

document.getelementbyid িট মাইেট(cid:228)ট এইচিটএমএল এিলেম(cid:298) এর (cid:134)রফাের(cid:317)েক িরটা(cid:166)ন কের।আমরা এই (cid:134)রফাের(cid:317)েক mytextfield নামক (cid:134)ভিরেয়বেল জমা করেত পাির। (cid:134)গটএিলেম(cid:298)বাইআইিড িবষেয় যা মেন রাখা দরকার: যখন আপিন getelementbyid function ব(cid:177)বহার করেবন তখন আপনােক িকছু িবষয় স(cid:422)ে(cid:312) িনি(cid:368)ত হওয়া (cid:197)েয়াজন। আপনােক অবশ(cid:177)ই মেন রাখা (cid:197)েয়াজন (cid:134)য (cid:134)গটএিলেম(cid:298)বাইআইিড হে(cid:248) ডকুেম(cid:298) অবেজ(cid:213) এর প(cid:289)িত বা ফাংশন।আপিন এই (cid:134)গটএিলেম(cid:298)বাইআইিড ফাংশন ব(cid:177)বহার করেত চাইেল আপনােক অবশ(cid:177)ই এইচিটএমএল এিলেম(cid:298) এর আইিড এি(cid:186)িবউট ব(cid:177)বহার করেত হেব। অধ(cid:177)ায়ঃ সেতর- একনজের জাভাি(cid:385)(cid:318) 01. (cid:197)থেম জাভাি(cid:385)(cid:318) িডফাইন করেত হেব। <script type = "text/javascript"> এখােন জাভাি(cid:385)(cid:318) (cid:134)কাড িলখেত হেব। </script> 02. (cid:134)ভিরেয়বল িডফাইন করেত হেব। (cid:134)যমনঃ var variable_name 03. (cid:134)(cid:387)টেম(cid:298) িলখেত হেব যা (cid:134)সিমেকালন িদেয় (cid:134)শষ হেব (;) 04. to popup a window: alert("hello world"); // একিট পপআপ উইে(cid:301)া (cid:197)দ(cid:166)শন করেব। 05. ফাংশান িডফাইন করেত হেব। (cid:134)যমনঃ function function_name () { //javascript is loosely typed language // ডাবল বা িসে(cid:242)ল উভয় (cid:134)কােটশান ব(cid:177)বহার করা যােব।

104

//prompt to the user screen. //returns the type of a variable your code here } //returns the screen width in pixel //returns the screen height in pixel //write hello world to the document 06.(cid:385)ীেন যেথ(cid:375) পিরমান (cid:197)শ(cid:389)টা আেছ িকনা তা িপে(cid:228)েল পিরমাপ করেব। screen.avaiwidth; 07. finding available height of screen in pixel screen.avaiheight; 08. writing something in the html document.write("hello world"); 09. writing a prompt box to take value. prompt("label", "default value"); 10. getting the type of a variable typeof(variable name); 11. to change data type into number number(variable name); parseint(variable name); parsefloat(variable name); 12. finding the value of a variable variablename.length; 13. creating an object object using string construction 14. the string methods: indexof() //takes string as arguments and returns its index number var a = prompt("enter a numbjer",""); document.write(typeof(a)); var b = new string(a); // writing the type of the string //returns the number type value //returns the integer type value //returns the float type value var a = prompt("enter your email address",""); //new keyword is used to create an //creating an string object explicitly document.write(typeof(b)); // writing the type of variable b //returns the length of a variable. //taking an string from the user

105

var b = a.indexof("@"); //returns the index number of @, if not alert("the index of @ is : " + b); //alerts 3 //alerts 4 //second parameter can be left off alert(math.round(3.4)); alert(math.round(3.6)); found it returns -1 15. the string methods: substring() //takes two integer arguments as start and ends of the string var a = "hello world"; var b = a.substring(2,8); 16. the math objects: it can't be created explicitly. it doesn't store data 17. the pi property: //returns the value of pi alert("the value of pi is " + math.pi); 18. round() methods: //rounds a number when the decimal is .5 or up. 19. celi() methods: always round a number up //alerts 3 20. floor() methods: always round a number down 21. random() methods: //returns a random number between 0 & 1 22. array() constructor: it is used with new keywords to create array object. 23. slice() method: //slice and array and the new array begins with zero index element's index+1 var myarray = new array(); //with no predefined elements var myarray = new array(3); var myarray = [1,2,3]; var myarray = ["red","bleu","green"]; var myarray["ruby"] = "tiger"; var myarray = [1,2,3,4,5,6]; var sarray = myarray.slice(1, 5); //directly assign by value //assigning array index a name for(i=0; i<4; i++) document.write(sarray[i]+"<br />"); //with predefined elements //directly assign by value //1: first element's index, 5:last alert(math.random()); //alerts a random number to the screen. alert(math.floor(2.15)); //alerts 2 alert(math.ceil(2.15)); //total 4 as (5-1) = 4

106

var myarry = ["abul","babul","rahul"]; var mystring = myarry.join("-"); alert(fullarray2.length); var fullarray = arrayone.concat(arraytwo,arraythree); var alength = fullarray.length; alert(alength); document.write(arrayone.concat(arraytwo,arraythree)); //writes the full array 24. array method concat(): joined array elements to form a new array, property length: returns the length of an object. var arrayone = [1,2,3,4,5]; var arraytwo = [6,7,8]; var arraythree = [9,10,11,12]; var fullarray2 = arrayone.concat(arraythree); //concatenate arrayone and arraythree elements 25. converting an array to a string: the join() method. the methods use a string as a parameter. this parameter is used to separate the array elements. mystring 26. split(): this method is used to turn an string into an array. a parameter is used to separate one element from other. 27. sort() and reverse() method. short and reverse an array document.write("the array before sorting<br />"); var myarray = [3,2,7,4,9,5,6,8]; var n = myarray.length; for(i=0; i<n; i++) document.write(myarray[i]+"<br />"); document.write("the array after sorting <br />"); var shortedarray = myarray.sort(); var mystring = "abul, babul, rahul"; var myarray = mystring.split(","); var n = myarray.length; for(i=0; i<n; i++) document.write(myarray[i]+"<br />"); //myarry turns into string seperated with hyphen (-) and store in document.write(mystring); //alerts the length: 9 //concatenate arrayone arraytwo, and arraythree //returns the length: 12 //shorts the array

107

//reverse the array //returns all upper case letter. //returns all lower case letter var name1 = prompt("enter your name",""); var obj1 = new string(name1); document.write(obj1.valueof()); var strname = prompt("enter your name",""); var name2 = strname.touppercase(); document.write(name2 + "<br />"); var name3 = strname.tolowercase(); document.write(name3); for(i=0; i<n; i++) document.write(shortedarray[i]+"<br />"); document.write("the array after reversed <br />"); var reversedarray = shortedarray.reverse(); for(i=0;i<n; i++) document.write(reversedarray[i] + "<br />"); 28. touppercase() and tolowercase() methods 29. valueof() method:// return the value of the object. 30. logical operators: and(&&), or(ii), not(!) 31. conditional statement: if... else 32. break and continue 33. switch statement switch(expression) { case somevalue: case value2: default: //used in the loop { statement } if (condition) else {statement} //execute this code if expression = somevalue break; //execute this code if expression = value2 break;

108

109

{ code to be executed; } code to be executed while(condition) do { } while (condition) 37. do .... while loop. 38. import in css: <style type="text/css">@import 'style.css';</style> 39. including external javascript: <script type="text/javascript" src="jscript.js"></script> 40. navigator object. appname property and appversion property. document.write("your browser name is : "+ navigator.appname); returns browser name document.write("<br />your browser version is : " + navigator.appversion); //returns browser version 41. reading out the browser name and version is commonly known as browser sniffing 42. camelcase: lowercase first word's letter and uppercase every first letter of the world. 43. create a function: 44. getelementbytagname(): //gets the elements by the tag name; function countnum(){ } window.onload = countnum; var listitems = document.getelementsbytagname('li'); var nbr = listitems.length; alert("the length number of li is "+nbr); function functionname() { //your code here } //

110

if(obj.nodename.tolowercase()=='li'){}; haschildnodes() var parent = document.getelementbyid('linked'); alert(parent.parentnode.nodename); var firstparagraph = document.getelementsbytagname('p')[0]; your elements.lastchild. yourelements.childnodes[0] yourelements.childnodes[yourelements.childnodes.length-1] 45. get the first paragraph: 46. node type value 1 = element node, 3 = text node. (totally 12). 47. node name can be uppercase or lowercase. you should convert it to lowercase. 48. node value is the value of node. if element than null. else if text node that the text. 49. in case of text node, node value can be read and set. 50. yourelements.firstchild & 51. to check the children -- 52. find parent node: 53. nextsibling & previoussibling 54. getattribute() & setattribute() //get the attribute value and set the attribute value 55. document.