រមក សពៃថេនះ រេ ប ស់កុំពូទ័រ គឺមេធ យ!៉ ងសំ$ន់មួយក&ុង រេ'ះ (យប) * និងជួយសំរល ួ ដល់ រ /រ ប0ំៃថរបស់មនុស1ែដលរស់េ3េលពិភពេ5ក។ 7គេ ចន រ/រ េស9រ ែត;ំងអស់របស់ពួកេគគឺពឹងែផ?កេ@ េល រ េ ប ស់កុំពូទ័រ;ំង សAង ែដលេហតុ;ម;រឲអ&កេ ប ស់ តDវFនសមតG7ព និងចំេនះដឹង គប់ Hន់ ក&ុង រេ ប ស់េ@េលI។
េដមJីចូលរួមេលកស9ួយវ ិស័យព័ត៌Fនវ ិទ េ3ក&ុង ពះMNច កកមOុ មជPមណRលព័ត៌Fនវ ិទ អិនធ័រ តDវន បេងSតេឡងផងែដរ ក&ុងេHលបំនង េដមJីជួយបណុ U ះបN U លចំេនះដឹងែផ&កព័ត៌Fនវ ិទ ដល់ សិស1 និស1ិត និងអ&ក សិកV ឲFនចំេនះដឹងពិត កដក&ុងែផ&កេនះ ពិេសសFនសមតG7ពចWស់5ស់កុ ង រេ ប &
ស់កុំពូទ័រ។ ដូចេនះសូម សិស1 និស1ិត និងអ&កសិកV;ំងអស់ ខិតខំ បឹងែ បង សិកV (វ វ និង0ប់យកនូវចំេនះដឹង ែដល មជPមណRល នបណុ U ះបN U លជូន េដមJីឲេពលេវ5ែដលអ&កនចំYយ Zយេ@ បេ!ជន៍មួយ!៉ ងធំេធង សំMប់ជីវ ិតរបស់អ&កYេពលអYគត។
េយងខ\ុំែដលអ&កេរ]បេរ]ងៃន មជPមណRលព័ត៌Fនវ ិទ អិនធ័រ សូមអរគុណចំេ^ះ រHំ ទរបស់ សិស1 និស1ិត និងអ&កសិកV;ំងអស់ និងសូមអភ័យ េ;សMល់កំហស ុ ឆ`ងែដលេកតFនក&ុងករណីNមួយ េហយេយងខ\ុំ នឹងខិត ខំរ ិះរកនូវអីែដលថaីកុ ងែផ& & កព័ត៌Fនវ ិទ េនះ េដមJីផUលជ ់ ូនដល់ អ&កសិកVបែនGមេទ]ត សូមអរគុណ និងសូមជំMបសួរ ។
កAមអ&កេរ]បេរ]ងៃន មជPមណRលព័ត៌Fនវ ិទ អិនធ័រ
ក មអ កេរ បេរ ង អ កេរ បេរ ង:
ហូ ម៉ូន&ី
អ ករចគំរប:
ហូ ម៉ូន&ី
អ កយអតបទ នងេរ បចំរ ូប ព:
ច័ន9cរ ិទd តិល ភកUី ចិន សុវណe ែកសំរ ួលអតបទនងអក#$%រុទ:'
ច័ន9cរ ិទd តិល ភកUី ចិន សុវណe
េរ បេរ ងេល(កទ( ២:
រកVសិទd គប់!៉ង © 2013 េ'យ មជPមណRលព័ត៌Fនវ ិទ អិនធ័រ សំMប់ ឯក(រេ ប ស់ៃផ9កុ ង។ & Haនែផ&កNមួយៃនេស]វេkេនះ តDវន ផលិតេឡងវ ិញ េ;ះមេធ យNក៏េ'យ េ3េពលែដលHaន រ អនុ)nតិ5យលកoណ៍អក1រ ពីFpស់កមaសទ ិ d។
ស័យ+,ន: ផ9ះេលខ 179 ផZូវ 173 ស/Sត់ ទំនប់ទឹក ខណRចំ រមន Mជcនីភ&ំេពញ Tel: [010-012-016] 603 314 Website: www.enteritc.com | facebook.com/enteritc
មជ.មណ0លព័ត2 ៌ ន%ទ3អនធ័រ
Enter Information Technology Center
េមេរ នទ( 1: 5រែណំព( JavaScript 1. នយមន័យ: JavaScript គឺ បេភទ script language មួយសំMប់ឲេយងេ ប ស់7ប់មួយនឹង HTML េដមJីេធ របេងSត Interactive Web Pages ។ Script language គឺ Programming Language ែដលFនសមតG7ពេលសពី Markup Language (ដូច HTML, CSS) ែដលចេធ រឲ Webpage Fនលកoណៈ Dynamic ។ ចំេ^ះ HTML + CSS គឺ តDវនេ¡¢ Static Webpage ឬ HTML ប៉ុែនU បសិន HTML + CSS + JavaScript គឺ តDវនេ¡¢ Dynamic Webpages ឬ DHTML ។ JavaScript គឺ Script ែដលេធ រេ3េល Web Browsers ដូេច&ះI តDវនេ¡¢ Client-side scripting language ផងែដរ។ Dynamic Webpages គឺFន features េ ចនដូច: > ដំេន រ ៃន Process គណYNមួយ > Pop-up message េ3ក&ុង Input form េដមJីេផ9§ង¨9ត់េមលទិន&ន័យែដលបªូ p លក&ុង Form > េធឲ Image ¨Zស់បូ Uរេ3េពលែដលេយងរ ំកិល Mouse េលI > រូប7ពFនចលYលកoណៈ Slideshow animations , ….
2. JavaScript and HTML: េយងចនិ!យន¢ JavaScript គឺ extension to HTML (បែនGមសមតG7ពឲ HTML) ឬក៏ add-on របស់ HTML ។េយងេ ប ស់ HTML tags េដមJីេធ របេងSត objects េហយេ ប ស់ JavaScript បែនGមេដមJីកំនត់ រ /របែនGមេទ]តេ@ឲ Tags េYះ។ ឧ;ហរណ៍: េយងេ ប ស់ HTML tag េដមJីបេងSត Web page បY9ប់មកេយងច Interact (7ប់) Iមួយនឹង JavaScript េ'យបេងSត Event Onload មួយេដមJីប/*ញ Message (គមន៍េ3េពល Web page េYះ តDវនេបក។ Ex:
Hello World
JavaScript
www.enteritc.com
1
មជ.មណ0លព័ត2 ៌ ន%ទ3អនធ័រ
Enter Information Technology Center Output:
3. 5របក6យព(ក ូដរបស់ JavaScript and HTML: Ex:
Displaying the current date and time (basic example) This is the HTML text for my first JavaScript application.
2
www.enteritc.com
JavaScript
មជ.មណ0លព័ត2 ៌ ន%ទ3អនធ័រ
Enter Information Technology Center
Output:
របក (យ: > គប់ JavaScript កូដ;ំងអស់ែដលសGត ិ េ3ក&ុង HTML File គឺ តDវសGត ិ េ3ក&ុង
> Mល់ JavaScript កូដែដលសរេសរេ3ក&ុង script tag តDវ'ក់សត Gិ េ3ក&ុង Header Section ( ) ៃន HTML File និចp។ ទន9ឹមនឹងេYះេយងក៏ចេធ រ'ក់ JavaScript េ3ក&ុង Body Section () ន ផងែដរ ប៉ុែនU7គេ ចនេគនិយម'ក់Iេ3ក&ុង ពីេ ^ះេដមJីឲ Web Browser ន(`ល់នឹង េធ រ មួយនឹង JavaScript 7Zមៗ េ3េពល Web pages តDវន Load ។
JavaScript
www.enteritc.com
3
មជ.មណ0លព័ត2 ៌ ន%ទ3អនធ័រ
Enter Information Technology Center
Displaying the current date and time (basic example)
> HTML comments ( ) ច តDវន'ក់ហ¸ព ៊ុ ័ទd JavaScript េដមJីេធ រ hide JavaScript េដមJី រ^រមួយនឹង Web Browsers 0ស់ៗ ែដលមិន Support មួយនឹង JavaScript ប៉ុែនUចំេ^ះ Web Browsers Version ថaីៗ គឺមិនFន ប) * អីេឡយ េ;ះបី HTML comments តDវន'ក់ ឬមិនន'ក់កេ៏ 'យ។
Finish hiding
> េយងចេ ប ស់បែនGមមួយនឹង
េដមJីប/*ញព័ត៌Fន ប់ដល់ users ែដលនេ ប
ស់ Web Browsers 0ស់ៗ មិន Support មួយ JavaScript ឲនដឹងផងែដរ។
You must be running a JavaScript-enabled Web browser, such as the latest version of Microsoft Internet Explorer or Netscape Navigator, to get the most from this Web page.
> JavaScript Comments ច តDវន'ក់បែនGមមួយ JavaScript កូដេដមJី'ក់ កំនត់សH ំ ល់ខZីៗ សំMប់ឲ Web Developer /យ សºលចង0ំ េហយIមិន តDវន display េ@ក&ុង Web Browser េYះេទ។ Comments តDវ នែបងែចកពីរ បេភទគឺ Single-line Comment ( // ) និង Multiple-line Comment (/* */) ។
// Single-line comments don’t require an ending slash. /* This comment can span multiple lines. Always remember to close it, though; if you forget, you’ll get weird errors when you try to display your script. */
4
www.enteritc.com
JavaScript
មជ.មណ0លព័ត2 ៌ ន%ទ3អនធ័រ
Enter Information Technology Center
4. ទ(9ំងៃន5រសរេសរ JavaScript: េយងចសរេសរ JavaScript មួយនឹង HTML File េ'យ¨9ល់ែតមUងក៏ន េ3ក&ុង Header Section ែដលេគេ¡¢ Internal ឬក៏េយងចេធ រសរេសរ JavaScript េ3េល File េផ1ង'ច់េចញពី HTML File ផងែដរ ែដលេគេ¡¢ External ។ ក&ុងេYះជំ¼នៃន រសរេសរកូដ JavaScript External (េ3េល File េផ1ងពី HTML File) រួមFន: > សរេសរកូដ JavaScript េ3េល Text Editor េហយ Save I *.js file extension > បY9ប់មកសូម link Iេ@ក&ុង HTML File មួយនឹង tag ។ Ex: > $ងេ មេនះ JavaScript កូដែដលសរេសរក&ុង File េÀaះ script.js
> $ងេ មេនះ HTML កូដែដលសរេសរក&ុង File េÀaះ index.html
JavaScript
www.enteritc.com
5
មជ.មណ0លព័ត2 ៌ ន%ទ3អនធ័រ
Enter Information Technology Center
> $ងេ មេនះ HTML កូដែដលសរេសរក&ុង File េÀaះ about.html
6
www.enteritc.com
JavaScript
មជ.មណ0លព័ត2 ៌ ន%ទ3អនធ័រ
Enter Information Technology Center
5. លំ<ត់: ចូរសរេសរ code មួយេដម ី display ព័ត៌នមួយចំនួនដូ ចងេម: > េះរបស់អ ក > េភទរបស់អ ក > $ ំកំេនត > េលខទូ រសព' > Email
Name Sex Date of Birth Tel Email
JavaScript
:Ho Mony :Male :10 December 1987 : 013 603 314 :
[email protected]
www.enteritc.com
7
មជ.មណ0លព័ត2 ៌ ន%ទ3អនធ័រ
Enter Information Technology Center Output:
8
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
េមេរនទ 2:
JavaScript Language Basics 1. Statement: Statement គឺក ឬ ប េន់ Browsers ឲេធរយក់ក់មួយ។ Statements េ ចន ត#វ%ន ែបងែចកឲ(ច់ពី+,េ(យេ ប %ស់ រចុះប01ត់ ឬេ ប %ស់ស 2 semicolon ( ; )។ > រេ ប %ស់ រចុះប01ត់:
alert('Welcome') alert('JavaScript')
> រេ ប %ស់ Semicolon:
alert('Welcome');alert('JavaScript');
ប៉ុែន6េដម8ីយ ស9ល សំ?ប់ Web Developer ឬ Programmer េ0ះគឺេគនិយមេ ប Semicolon និង ចុះប01ត់មួយ +,ែតម6ង។
alert('Welcome'); alert('JavaScript'); Ex:
alert('Welcome'); alert('JavaScript');
01.Statments
JavaScript
www.enteritc.com
9
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 2. Comment:
JavaScript Comments Aច ត#វ%ន(ក់បែនEមមួយ JavaScript កូដេដម8ី(ក់ កំនត់ស+ ំ ល់ខ ីៗ សំ?ប់ឲ Web Developer យ ស9លចងIំេKេពលេ យ េហយMមិន ត#វ%ន display េក,ុង Web Browser េ0ះេទ។ Comments ត#វ %នែបងែចកពីរ បេភទគឺ Single-line Comment ( // ) និង Multiple-line Comment (/* */) ។
// Single-line comments don’t require an ending slash. /* This comment can span multiple lines. Always remember to close it, though; if you forget, you’ll get weird errors when you try to display your script. */
JavaScript Comments Vនវ ិXលYពេ ប %ស់%នេKក,ុង របស់តំបន់ JavaScript Code ែត ប៉ុេ[ះ។ េយងមិនAចេ ប %ស់ JavaScript Comments មួយនឹង HTML Code %នេ0ះេទ។ `៉ ងមិញ ចំេះ HTML Comment វ ិញ គឺAចេ ប %ស់%នមួយនឹង HTML Code ែតប៉ុេ[ះ េ(យមិនAចយកMេេ ប %ស់េKក,ុងតំបន់របស់ JavaScript Code េ0ះេទ។ 3. Line Break: េដម8ីេធរចុះប01ត់េ0ះ គឺ ត#វេ ប %ស់ Escape Character ( \n ) េK តង់តំបន់ៃន String ែដល ត#វរ ។
alert("Hello\nHow are you?");
4. Insert Spacial Character: េយងAចេ ប %ស់ Back Slash ( \ ) មួយនឹង Special Character មួយចំនួនេទ{តេដម8ីេធរ display អក}រមួយ ចំនួនែដលមិន Support េKក,ុង Double Qoute String ( " ") ។
10
Code
Outputs
\'
single quote
\"
double quote
\\
backslash
\n
new line
\t
tab
\b
backspace
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
Ex:
var txt="We are the so-called \"Vikings\" from the north."; document.write(txt);
5. រេស់ document.write: document.write គឺរ display ព័ត៌Vនចូលេន់ Webpage េមតំរូវរែដលចង់%ន។ Ex:
My First Web Page Output:
JavaScript
www.enteritc.com
11
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 6. រេស់ Prompt Method:
Prompt គឺ Method មួយែដល ត#វ%នេ ប %ស់េដម8ីIប់យកទិន,ន័យមរយៈរ Input ម Keyword េ(យ User ។ Ex:
Practise Welcome to see my site!!!
Output:
12
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
7. រេស់ Confirm Box Method: Confirm Box គឺ ត#វ%នេ ប %ស់េដម8ីកំនត់ឲ User េ ជសេរ សយកជំេរ សមួយេKេល Message Box ែដល %នបញ។ Ex:
var r=confirm("Press a button"); if (r==true) { x="You pressed OK!"; } else { x="You pressed Cancel!"; } 8. រេបបប !ញទំហំរបស់ Screen: Ex:
9. រេបបចុះប()ត់កង ុ+ String : Ex:
document.write("Hello \ World!");
JavaScript
www.enteritc.com
13
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 10. លំ-ត់:
ចូរសរេសរ code មួយេដម ី display ព័ត៌នមួយចំនួនេកុង webpage ដូចងេ ម: > េ ះរបស់អក > េភទរបស់អក > (ំកំេនត > េលខទូ រសព+ > Email
Name Sex Date of Birth Tel Email
:Ho Mony :Male :10 December 1987 :013 603 314 :
[email protected]
Output:
14
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
េមេរនទ 3: រេស់ Varible នង Data Type ម ួយ DOM 1. Variable: េកុង JavaScript, Variables គឺ ត វនេ ប ស់េដមីរកទុកទិនន័យសំ ប់ យកេ!េ ប ស់េកុង Source Code។ #របេង$ត Varaible គឺេយង ត វេ ប ស់ Keyword មួយគឺ var និងកំនត់េ&'ះរបស់)ផងែដរ។
var enter; enter ="black";
កុង#រេ ប ស់ Variable ឲក៏/ចេ ប ស់1ទំ រង់ #ត់ នផងែដរ:
var enter = "black"; ចំេ2ះ#រ3ក់េ&'ះ Variable គឺ/ចសរេសរ1មួយនឹង តួអក6រឬេលខ រួម;ំង និមិ'ត<ស=> $ និង Underscore( _ ) ។កុងេBះគឺមិនអនុ =>តិឲេ ប ស់1មួយនឹង Space ឬ និមិ'ត<ស=>ដៃទេទEតេឡយ។ ចំេ2ះ Variable កុង JavaScript GនលកHណៈ1 Case Sensitive Gនន័ យM enter ខុសពី Enter ខុសពី ENTER ។
var var var var var var
JavaScript
chameleon = "blue"; Chameleon = "red"; CHAMELEON = "green"; yellow_chameleon = "yellow"; orangeChameleon = "orange"; chameleon$ = "greedy";
www.enteritc.com
15
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center Ex:
var enter ="black"; alert(enter);
02.Variable
2. Scope Variable: Scope Variable គឺ1#រកំនត់ពីទីQំងែដល Variable /ចេ ប ស់នេកុង Program េហយ) ត វនែបងែចក 1ពីរ បេភទរួមGន: Global Variable និង Local Variable ។ > Gloable Variable គឺ1 Variable ែដលន ប#ស1មួ យ var Keyword េកុង body របស់ JavaScript េ3យ) Gនវ ិ]ល^ព/ចេ ប ស់ទូ;ំង Program ។ > Local Variable គឺ1 Variable ែដលន ប#សេកុង Function ឬេកុងស=> Braces { } ែដលGន/ចេ ប
ស់ែតកុងតំបន់ ប#ស)ែតប៉ុេkqះ។ Ex:
function countWiis() { var stock = 5; var sales = 3; return stock - sales; } var stock = 0; var wiis = countWiis(); alert(stock); alert(wiis);
16
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
3. រេស់ DOM ម ួយន#ង Variable: DOM (Document Ojbect Model) គឺ1វ ិធី]ស<កុង#រ access ទិនន័យ1មួ យនឹង Tag របស់ HTML េ2លគឺ 1 #រសិកពី #រយក Data េចញឬចូល1មួ យនឹង Tag របស់ HTML េ3យសន'ត់M គប់ Tag ;ំងអស់គឺ1 Object ។ #រ3ក់ េ&'ះរបស់ Object នីមួយៗ េBះគឺQមរយៈ Attribute ថ'ីមួយេ&'ះ id េហយេយង/ចេធ#រ;ញយក តំៃលពី Object នីមួយៗមក store េកុង Varible នផងែដរ។ Ex:
Output:
> ចំេ2ះ innerHTML គឺ ត វនេ ប ស់េដមី access េ!#ន់ Object ែដលេ ប សំ ប់បញព័ត៌Gនេេល Webpage ដូច1
ឬ ែតប៉ុេkqះ។ > ចំេ2ះ value វ ិញគឺ ត វនេ ប ស់េដមី access េ!#ន់ Object ែដលេ ប សំ ប់បញព័ ត៌Gនេេល Webpage ដូច1
ឬ ផង នឹង/ច access េ!#ន់ Object ែដល store តំៃលដូច1 TextBox នផងែដរ ។ ដូេចះ^គេ ចនកុង#រ access េ!#ន់ Object របស់ From គឺែតងែតេ ប value 1និច។
DOM Demo Log In
18
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
Output:
5. Input and Output Data with DOM: Ex:
Calculator Calculator JavaScript
www.enteritc.com
19
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
Output:
6. Data Type: េកុង^] Programming Language មួយចំនួនគឺ េយង ត វេធ#របេង$ត Variable េ3យGន Data Type តឹម ត វ េដមីេធ#រ Store ទិនន័យ ែដលលកHណៈេនះ ត វនេM Strictly Typed ។ ប៉ុ ែន<ចំេ2ះ JavaScript វ ិញ)GនលកHណៈ Loosly Typed Gនន័យេយងមិនំច់កំនត់ពី Data Type េ!ឲ Variable េBះេទ េ3យ Variable នីមួយៗ)កំនត់ Data Type េ3យខួនឯងេ!Qមទិនន័យែដល)ទទួ លយក។ Variable /ច Store ទិនន័យដូច1: > Numbers > Strings > Booleans > Arrays > និង Objects ។ 20
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
7. Number Data Type: េេពលែដល Variable ទទួលយកទិនន័យែដលGនតំ ៃល1េលខ េBះGនន័យM data type របស់)គឺGន ប េភទេលខែដលេកុង JavaScript ត វនែបងែចក1ពី រគឺ : > int (Integer 1េលខចំនួនគត់) > float (Floating Point Number 1េលខGនេកស) ។
var whole = 3; var decimal = 3.14159265; Ex:
var whole = 3; var decimal = 3.14159265; alert(whole + "\n" + decimal);
05.Number
8. Mathematical (Arithmetic) Operation: េយង/ចយកតំៃល ឬ Variable kមួយេ!ឲេធ#រគណBចូល េ3យេ ប ស់1មួ យនឹង Mathematical Operator ែដលGនដូច1 + , - , * , / 1េដ ម។
var var var var var
addition = 4 + 6; subtraction = 6 – 4; multiplication = 5 * 9; division = 100 / 10; longEquation = 4 + 6 + 5 * 9 – 100 / 10;
Operator Description
Example
Result of x
Result of y
+
Addition
x=y+2
7
5
-
Subtraction
x=y-2
3
5
*
Multiplication
x=y*2
10
5
JavaScript
www.enteritc.com
21
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
/
Division
x=y/2
2.5
5
%
Modulus
x=y%2
1
5
++
Increment
x=++y
6
6
x=y++
5
6
x=--y
4
4
x=y--
5
4
--
Decrement
ចំេះរគណ ែដលនស េចនចូលេ ះ: > ស គុណ និង ែចក ដំេនរមុន > ស បូក និង ដក ដំេនរេយ
var var var var var var
longEquation longEquation longEquation longEquation longEquation longEquation
= = = = = =
4 + 6 + 5 * 9 – 100 / 10; 4 + 6 + 45 – 100 / 10; 4 + 6 + 45 – 10; 10 + 45 – 10; 55 – 10; 45;
Ex:
var longEqu = 4+6+5*9-100/10; alert(longEqu);
06.Precedence
22
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
កុងេ ះេយង"ចេប#ស់ Barcket ( ) េដម%ីកំនត់ឲតំបន់+មួយ"ចេធ.រគណ មុនេគ និងមុនស គុណ និងែចក#នផងែដរ។
var unbracketed = 4 + 6 * 5; var bracketed = (4 + 6) * 5;
Ex:
var unbracketed = 4 + 6 * 5; var bracketed = (4 + 6) * 5; alert(unbracketed); alert(bracketed);
06.Bracket
9. Increment & Decrement: េកុង JavaScript គឺGន operators ពិេសសចំនួនពី រេទEត សំ ប់េធ#របែនម 1 តំៃលឲ Variable ( ++ ) ឬ បនយ 1 តំៃលពី Variable ( - - )។ > វ ិធី]ស<កុងបែន ម 1 តំៃលឲ Varible:
var age = 26; age = age + 1;
var age = 26; age += 1;
var age = 26; age++;
var age = 26; age -= 1;
var age = 26; age--;
> វ ិធី]ស<កុងបន យ 1 តំៃលឲ Varible:
var age = 26; age = age - 1;
JavaScript
www.enteritc.com
23
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 10. Prefix & Postfix:
Prefix Gនន័ យMគឺ 1#រ3ក់ស=> Increment ( ++ ) ឬ Decrement ( - - ) េែផកងមុខ Variable ចំែនក Postfix Gនន័យMគឺ1#រ3ក់ស=> Increment ( ++ ) ឬ Decrement ( - - ) េែផកងេ #យ Variable។ ចំេ2ះ លកHណៈេនះគឺGន^ពខុ ស េេពលែដល) ត វ assign េ!ឲ Variable េផ6ង។
Operator Description
Example
Result of x
Result of y
++
x=++y
6
6
x=y++
5
6
x=--y
4
4
x=y--
5
4
--
Increment
Decrement
Ex:
//Prefix var i, j=5; i = ++j; alert("i =" + i +"\n"+"j ="+ j); //Postfix var i, j=5; i = j++; alert("i =" + i +"\n"+"j ="+ j);
08.Prefix and Postfix
24
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
ចំេ2ះ ស=> ++ ឬ - - /ច3ក់ងមុ ខ ឬងេ #យ Variable ន ប៉ុ ែន េេពលែដលស=> ++ េងមុខ j Gនន័យM j ត វបែនម 1 តំៃលឲខួនឯងេហយបូ នេ! i Qមេ #យ ដូេចះ i = ++j Gនន័យM j េកន 1 តំៃលរួច េទបេះេ! i
> េេពលែដលស=> ++ េងេ #យ j វ ិញGនន័ យM j ត វបែនម 1 តំៃលឲខួនឯងេ #យេពលបូ នេ!ឲ i ដូេចះ i = j++ Gនន័យM j េះតំៃលស់េ!ឲ i សិន េទបេកន 1 តំៃលឲខួនឯង ។ 11. String: String គឺ1បណំុ< ៃនតួអក6រ ែដល/ចGនដូច1 letters, numbers, symbols, punctuation marks, ឬ spaces ។ 1 ទូេ! String គឺ ត វហ៊ុ¤ព័ទេ3យស=> quote marks ែដល/ចេ ប ស់1មួ យនឹង single quote ឬ double quote ។ Ex:
var single = 'Enter Information Technology Center'; alert(single);
09.String
12. String Concaternation: េយង/ចេធ#រ^ ប់ String បន<ន េ3យេ ប ស់1មួយនឹងស=> បូក ( + ) ។ Ex:
var a = 'Enter'; var b = 'Center'; alert(a + "and" + b );
10.String Concatenation
JavaScript
www.enteritc.com
25
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 13. Boolean:
Boolean គឺ1 បេភទ Data Type មួយែដល store ទិនន័យែត 2 ប៉ុេkqះ គឺ ture និង false ។ ^គេ ចន) ត វន េ ប ស់^ ប់1មួ យនឹង#រ3ក់លកHខណ§េដមីរកតំៃល True ឬ False សំ ប់ េធ#ររkមួ យ។ Ex:
var lying = true; var truthful = false;
14. Array: Array គឺ1 បណំុ< ៃន¨តុ (Series of elements) 1េ ចនែដលGន Data Type ដូចេហយ3ក់បន<េកុង memory location ។ ទី Qំងរបស់¨តុនីមួយៗ ែដលសិតេកុង memory location គឺGនេលខទី Qំង (index) មួយៗ ខុសៗ1និច។ អត បេ©ជន៍របស់ Array គឺ/ច Store តំៃល1េ ចនែដលGន បេភទដូចេកុង array ែតមួយ េ3យមិនំ ច់បេង$ត 5 Variables េផ6ងៗេដមី Store េBះេទ។
var rack = []; rack[0] = "First"; rack[1] = "Second";
Ex:
//Declaring Array var rack = []; rack[0] = "First"; rack[1] = "Second"; //Showing Array alert(rack[0]); alert(rack[1]);
26
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
11.Array
េយងក៏ /ចេធ#រផ<ល់តំៃលនីមួយៗេ3យ®ល់េ!កុង Index នីមួយៗរបស់ Array នេេពលបេង$ត Array ន ផងែដរ។
var rack = ["First", "Second", "Third", "Fourth"];
េយងក៏ /ចេធ#របេង$ត Array ែដលGន Data Type ខុសពី String នផងែដរ ឬក៏ /ចបេង$ត Array ែដល ទទួលតំៃល1 បេភទខុ សៗនផងែដរ។
var numberArray = [1, 2, 3, 5, 8, 13, 21, 34]; var stringArray = ["Veni", "Vidi", "Vici"]; var mixedArray = [235, "Parramatta", "Road"];
JavaScript
www.enteritc.com
27
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
15. Multi-Dimension Array: Multi-Dimension Arrays គឺ1 array ែដលសិតេកុង array ឬ1 array ែដលGនេ ចនវ ិGឬ1 array មួយែដល សិតេកុង array មួយេទEត បសិនេប) ត វន Store េកុង memory location Gន ងដូច1 Table ។
var var var var
subArray1 = ["Paris", "Lyon", "Nice"]; subArray2 = ["Amsterdam", "Eindhoven", "Utrecht"]; subArray3 = ["Madrid", "Barcelona", "Seville"]; superArray = [subArray1, subArray2, subArray3];
var city = superArray[0][2]; alert(city); var town = superArray[2][1]; alert(town);
កុងករណីែដលេយង ត វ#របញចំនួន¨តុ ែដល Array GនេBះ េយង ត វេ ប ស់ length េដមីបញពីចំនួន ¨តុពិត កដែដល Array Gន។
var shortArray = ["First", "Second", "Third"]; var total = shortArray.length; alert(total);
16. Associative Array: Associative Array គឺ1#រស់បូ<រេលខ index របស់ Array ពីតួេលខ ( 0, 1, 2,…) េ!1 String េ&'ះkមួយ ។
var postcodes = []; postcodes["Armadale"] = 3143; postcodes["North Melbourne"] = 3051; postcodes["Camperdown"] = 2050; postcodes["Annandale"] = 2038; alert(postcodes["Annandale"]);
17. Objects: Objects គឺ1#រេរEបចំ Variables និង Functions មួយចំនួនេ!1 Group មួយសំ ប់ េ ប ស់េ!Qម#ររ1ក់ ±ក់របស់)។ បសិនេបេយងGនេលបំនងេធ#ររ1មួយនឹង Robot គឺេយង/ចបេង$ត Objects ែដលGន Variables មួយចំនួន2ក់ព័ននឹង Robot ដូច1 Age, Height, Weight, Metal,… និង Function មួយចំនួនែដល)/ច េធ#រ1ក់ ែស<ងនឹង]ន^ពពិត កដរបស់)ដូច1 Run( ), Speak( ), KillAllHumans( ),… ។ េយង/ច Group Variables និង Functions BB ផ<ំុបូ លេដមីេ ប ស់1មួ យនឹង Robot ែតប៉ុេkqះ។ > Variables ែដលGនេកុង Objects ត វនេM Properties 28
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
> Functions ែដលGនេកុង Objects ត វនេM Methods Ex:
var Robot = new Object(); Robot.metal = "Titanium"; Robot.killAllHumans = function() { alert("Exterminate!"); }; Robot.killAllHumans();
18. Object Literal Syntax: Object Literal Syntax គឺអនុ=>តិឲេយងេធ#របេង$ត Object 1មួយនឹង Properties ឬ Methods នកុងេពលែត មួយ។ Ex:
var Robot = { metal: "Titanium", killAllHumans: function() { alert("Exterminate!"); } }; alert(Robot.metal); Robot.killAllHumans();
JavaScript
www.enteritc.com
29
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 16. លំ+ត់:
30
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
េមេរនទ 4:
Conditions and Loops 1. រេស់ if: If Keyword គឺតវនេបស់េដមីេធរឬ execute នូវ block ៃន code េេពលែដលលក ខណ#របស់$ពិត។
Syntax: if (condition) { conditional code; }
> if គឺ' Keyword សំ)ប់េប ស់េដមី*ក់លក ខណ#េក+ុង Source Code > condtion គឺ'លក ខណ#េដ មីែសងរកលទ/ផល True > statement គឺ'បណំុ1 ៃន Code ែដលតវេធរេេពលែដល condition ទទួលនតំ ៃល True ប៉ុែន1បណំុ1 ៃន Code នឹងតវនរ ំលងេ5ល បសិនេប condition េក+ុង if ផ1ល់លទ/ផល False វ ិញ។
JavaScript
www.enteritc.com
31
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center Ex1:
var age = 27; if (age > 20) { alert("Drink to get drunk"); } Ex2:
2. Comparison Operator: Comparison Operator គឺតវនេបស់សំ)ប់ េធរេប7បេធ8បរ$ង តំ ៃល Variable ឬ Expression ពីរ 'មួយ :+េដមីេធរែសងរកលទ/ផល ពិត ឬមិនពិត។'ទូេ;$តវនេប ស់'មួ យនឹង Condition របស់ if Statement ។ Comparison Operators ែដលតវនេបស់<នស=?មួយចំនួនដូច': Comparison Operator
អតDន័យ
ឧJហរណ៍: x=5,y=9
លទ/ផល
<
តូច'ង
x
True
<=
តូច'ងឬេសW
x <= y
True
>
ធំ'ង
x>y
False
>=
ធំ'ងឬេសW
x >= y
False
==
េសW:+
x == y
False
!=
មិនេសW:+ (ខុសពី )
x != y
True
Ex1:
var name = "Maximus"; if (name == "Maximus") { alert("Good afternoon, General."); } Ex2:
var name = "Decimus"; if (name != "Maximus") { alert("You are not allowed in."); } 32
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
3. Multiple Conditions: Logical Operator គឺតវនេបស់េដមី\]ប់ 'មួ យនឹ ង Comparison Operator ឬេបកុ+ងលក ណៈដៃទេទ8ត េដមីេធរ ែសងរកលទ/ផល ពិត ឬមិនពិត។ ក+ុងេ_ះ ស=?ែដលតវេប <នបីបេភទដូច': && (and), || (or), ! (not)។ Ex1:
var age = 27; if (age > 17 && age < 21) { alert("Old enough to vote, too young to drink"); }
Ex2:
var sport = "Skydiving"; if (sport == "Bungee jumping" || sport == "Cliff diving" || sport == "Skydiving") { alert("You're extreme!"); } 4. Else if & Else Statement: else if គឺតវនេប ស់សំ)ប់*ក់ លក ខណ# ប_qប់ ពី if <នន័ យvបសិនេប លក ខណ#មិនន True េក+ុង if េទេ_ះ$នឹងបន1មកតzតពិនិត{លក ខណ#េក+ុង else if 'បន1េទ8ត េហយបសិនេប លក ខណ#ពិតេ_ះ$នឹងដំ េន រនូ វ Block ៃន code ែដលនកំនត់។ 'មួយនឹង else វ ិញគឺ តវនេប ស់េេម if ឬ else if េដមីេធរកំនត់ឲលក ខណ#ពិត េេពលែដលលក ខណ#តវន False េក+ុង if ឬ else if ។ Ex:
var name = "Marcus"; if (name == "Maximus") { alert("Good afternoon, General."); } else if (name == "Marcus") { alert("Good afternoon, Emperor."); } else { alert("You are not allowed in."); }
JavaScript
www.enteritc.com
33
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center 5. រេស់ Conditional Operator:
Conditional Opeartor គឺ' Operator ែដលតវនេបស់េដមីេធរ*ក់ លក ខណ# ដូច'េ;នឹង If ផងែដរ។ Syntax:
variableName = (condition)?valueTrue:valueFalse Ex:
voteable=(age<18)?"Too young":"Old enough";
6. រេស់ Switch: Switch Keyword គឺតវនេបស់េដមីេធរឬ execute នូវ block ៃន code េេពលែដលលក ខណ#របស់$ពិត ដូច:+េ;នឹង if ែដរ។ $<ន\ពយសzល'ង if េេពលេធរតzតពិនិត{េលលក ខណ# ែដល<នេចនករណី ប៉ុែន1$<ន\ពពិ ក'ង if េេពលលក ខណ#តវន\]ប់'មួ យនឹង and, or, ឬ not ។ Ex:
34
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
7. While Loop: while គឺតវនេប ស់េដ មីេធរដំ េន រនូ វ Block ៃន Code ដែដលៗ េេពលែដលលក ខណ#របស់ True ។ មុននឹង$ដំេន រេ;េល Block ៃន Code គឺ$ែឆកេម លលក ខណ#'មុនសិន បសិនេប True េធ ប៉ុ ែន1េប False គឺមិន េធ សូមីែតមួ យដងក៏េ*យ។
while (condition) { conditional code; } Ex:
var numbers = [1, 2, 3, 4, 5]; var incrementer = 0; while (incrementer < numbers.length) { numbers[incrementer] *= 2; alert(numbers[incrementer]); incrementer++; }
8. do while: do while គឺតវនេបស់េដមីេធរដំ េនរនូវ Block ៃន Code ដែដលៗ េេពលែដលលក ខណ#របស់ True ។ មុននឹងែឆកេម លលក ខណ# $ដំេនរេ;េល Block ៃន Code ម1ង'មុនសិន បសិនេប True េធេឡងវ ិញប៉ុ ែន1េប False គឺនឹង5កេចញពី Loop ។
JavaScript
www.enteritc.com
35
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
do { conditional code; } while (condition);
Ex:
var x =1; do{ alert(x); x+=1; }while (x<=5);
9. for loop: for គឺតវនេប ស់េដមីេធរដំេន រនូវ Block ៃន Code ដែដលៗ េ;មចំនួនែដលនកំនត់៉ងតឹមតវ េេពលែដលលក ខណ#របស់ True ។ ចំេះ while និង do while គឺេធគិតេ;េល លក ខណ# េ*យមិនគិតពីចំនួន ដងេឡយ ប៉ុ ែន1 for វ ិញគឺេធឲគិតេ;េលចំនួនដង ពិតកដ។ 'ទូ េ;ចំេះរ loop េគនិយមេប ស់ for ពី េះេយងចដឹងពីចំនួនែដល$តវេធរេក+ុង loop ។
n
Syntax:
o
q
for( initialization; condition; increase) {
p
statement; }
36
www.enteritc.com
JavaScript
មជមណលព័ត ៌ នទអនធ័រ
Enter Information Technology Center
1. Initialization: គឺ'តំៃល5ប់េផ1មដំេន រ loop េហយ$េធរែតម1ងប៉ុ េះ។ 2. Condition: គឺ'លក ខណ#ែដលតវតzតពិនិត{ បសិនេប True loop នឹងបន1ដំេនរ ប៉ុែន1បសិនេប False វ ិញ េ_ះ Loop នឹងបប់ដំេន រ 3. statement: គឺ' Block ៃន code ែដលតវដំ េនរក+ុង braces { } េេពលែដល លក ខណ# True 4. increase: គឺ'រតំ េឡងឬបនDយ value របស់ variable េក+ុង initialization ឲេកនេឡង ឬថយចុះ េហយប_qប់ មក$នឹងតលប់េ;ដំេនរេក+ុងតំបន់ Condition វ ិញ។ Ex:
var numbers = [1, 2, 3, 4, 5]; for (var i = 0; i < numbers.length; i++) { numbers[i] *= 2; alert(numbers[i]); } 10. ឧ ហរណ៍ៃនរេស់ For & If: Ex:
Practise Welcome to see my site!!! My Web Page A Paragraph
Try it First Button Second Button Call External Script "); for(var i=0;i"); for(var j=0;j" + x[i][j]); out(""); } out(""); }Call External Script Table of Array
My First Web Page
Display Date Hello World! Output:Close this window or press F5 to reload the page.
Output:A function is triggered when one of the input fields get focus. The function changes the background-color of the input field.
Output:A function is triggered when the input field is changed. The function transforms the input text to upper case.
Write some text in the input field, and the click outside the input field to run the function.
Output:A function is triggered when you leave the input field. The function transforms the input text to upper case.
Output:Transparency Image េ&ប+]ប់ ។ ចំែនក Frame វ ិញគឺ រXញយក Webpage មួយៗ េផ?ងៗ@$មក1ក់េ&ក$ុងតំបន់^មួយៃន Screen េដមCីប78ញរួម@$ េ1យ!តEវសរេសរ Creating Frameset Creating Frameset Output: Output: Creating Frameset Output: Enter Information Technology Center:Home
Home All everything in computer that we use everyday are developd by programmer. To develop computer software or hardware programs need to know programming language.
Click the button to wait 3 seconds, then alert "Hello".
After clicking away the alert box, an new alert box will appear in 3 seconds. This goes on forever...
Try it Click the first button to display the current time, and the second button to stop the time.
Try it Stop time
80Click the button to wait 3 seconds, then alert "Hello".
Try it Output:Click the first button alert "Hello" after waiting 3 seconds.
Click the second button to prevent the first function to execute. (You must click it before the 3 seconds are up.)
Try it Stop the alert Output:Click the button to display the current time.
Try it
Output:Click on the button above. The input field will tell you when two, four, and six seconds have passed.
Output:
Output:Displaying the current date and time (formatted example) Positioning content dynamically This is a positionable layer.
JavaScriptPositioning content dynamically This is a positionable layer.
90Run
JavaScriptJavaScript Slideshow - TinySlideshow TinySlideshow v1 photos/orange-fish.jpg Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.
Sea Turtle photos/sea-turtle.jpg Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.
Red Coral photos/red-coral.jpg Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.
Coral Reef photos/coral-reef.jpg Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.
Blue Fish photos/blue-fish.jpg Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.
TinySlideshow v.2 photos/yellow-fish.jpg Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.
Squid photos/squid.jpg Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.
Small Fish photos/small-fish.jpg Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.
Enter Information Technology Center
Output1:
JavaScript
