dd

วันศุกร์ที่ 5 กุมภาพันธ์ พ.ศ. 2559

วันพฤหัสบดีที่ 19 กันยายน พ.ศ. 2556

สรุป PHP 16/09/2556

PHP คืออะไร

PHP ย่อมาจาก PHP Hypertext Preprocessor แต่เดิมย่อมาจาก Personal Home Page Tools

PHP คือภาษาคอมพิวเตอร์จำพวก scripting language ภาษาจำพวกนี้คำสั่งต่างๆจะเก็บอยู่ในไฟล์ที่เรียกว่า script และเวลาใช้งานต้องอาศัยตัวแปรชุดคำสั่ง ตัวอย่างของภาษาสคริปก็เช่นJavaScript , Perl เป็นต้น ลักษณะของ PHP ที่แตกต่างจากภาษาสคริปต์แบบอื่นๆ คือ PHP ได้รับการพัฒนาและออกแบบมา เพื่อใช้งานในการสร้างเอกสารแบบ HTML โดยสามารถสอดแทรกหรือแก้ไขเนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า PHP เป็นภาษาที่เรียกว่า server-side หรือ HTML-embedded scripting language นั้นคือในทุกๆ ครั้งก่อนที่เครื่องคอมพิวเตอร์ซึ่งให้บริการเป็นWeb server จะส่งหน้าเว็บเพจที่เขียนด้วย PHP

ชนิดของตัวแปร (Vriable Types) มีตังต่อนี้

1. Array ชุดของข้อมูลที่เป็นชนิดเดียวกัน

2. Boolean ข้อมูลชนิดตรรกะจะให้ผลลัพธ์เป็นจริง (True) หรือ (False) เท่านั้น

3. Float เป็นข้อมูลชนิดตัวเลขจำนวนจริง เช่น 1.2 ,22.22 , 7A-20

4. Integer (int) เลขจำนวนเต็มที่เป็นฐานสิบ ฐานแปด หรือฐานสิบหก โดยจะมีเครื่องหมายบวก + หรือ ลบ - ประกอบอยู่ด้วยก็ได

- เลขฐานสิบ แทนด้วยเลข 0-9 เช่น 1 ,12 , -24 ,+15 เป็นต้น

- เลขฐานแปด แทนด้วยเลย 0-8 โดยจะต้องมี 0 นำหน้าเสมอ เช่น 0123 (เท่ากับ 83 ในฐานสิบ)

- เลขฐานสิบหก แทนด้วย 0-9 และ A-F โดยจะต้องใช้ 0x นำหน้าเสมอ เช่น 0x1A (เท่ากับ 26 ในเลขฐานสิบ)

5. Object การกำหนดให้ตัวแปรนั้นเก็บคุณสมบัติของออบเจ็กต์ไว้ (ซึ่งก็คือ Attribute และ Method) โดยใช้ชื่อคลาสเป็นตัวกำหนด

6. String ตัวอักษรต้องอยู่ภายใต้เครื่องหมาย Double Quotes (" ") หรือ Single Quotes (' ')

7 Object สำหรับจัดเก็บข้อมูลที่เป็น Class Object หรือเป็น Method

PHP keywords

Operator

วันเสาร์ที่ 14 กันยายน พ.ศ. 2556

สรุป JavaScript วันที่ 09/09/2556

1Ajax-Enabled Rich Internet Applications with XML and JSON

Introduction

(RIAs)โปรแกรมประยุกต์เว็บที่ประมาณลักษณ์ความรู้สึกและการใช้งานของโปรแกรมสก์ท็อปสองคุณสมบัติที่สำคัญที่มีประสิทธิภาพและอุดมไปด้วย GUIประสิทธิภาพการทำงานของ RIAมาจากอาแจ็กซ์ (Asynchronous JavaScript และ XML) ซึ่งใช้การเขียนสคริปต์ฝั่งไคลเอนต์ที่จะทำให้การใช้งานเว็บตอบสนองมากขึ้นซึ่งใช้การเขียนเว็บเพื่อให้ใช้งานได้เร็วขึ้น และสามารถใช้กับ Ajax เช่น jQuery, ASP.NET Ajax และ JSF

XMLHttpRequest คือ ส่วนที่จะทำการจัดการเชื่อมการทำงานระหว่าง client กับ server เรียกสั้นๆ ว่า XHR

การทำงานแบบเดิมของ web application

การทำงานแบบใหม่ของ web application

2Web Servers (Apache and IIS)

(URL) web server ที่ตอบสนองต่อการร้องขอของ client (ปกติจาก web browser) โดยการให้ทรัพยากรเช่นเอกสาร HTML เมื่อผู้ใช้ป้อนที่อยู่ Resource Locator (URL

ตัวอย่างการร้องขอ(ภาพ 1)และการส่งข้อมูล(ภาพ 2)ระหว่าง client และ server

HTTPS ย่อมาจาก Hypertext Transfer Protocol over Secure Socket Layer หรือ http over ssl คือ โปรโตคอลที่ระบุถึงการเชื่อมต่อแบบ Secure http โปรโตคอล https สร้างเพื่อความปลอดภัย ในการสื่อสารผ่านอินเตอร์เน็ตข้อมูลที่ทำการส่งได้ถูกเข้ารหัสเอาไว้ โดยใช้ Asymmetric Algorithm ซึ่งถ้าถูกดักจับได้ก็ไม่สามารถที่จะอ่านข้อมูลนั้นได้รู้เรื่อง โดยข้อมูลนั้นจะสามารถอ่านได้เข้าใจเฉพาะClient กับเครื่อง Server เท่านั้น นิยมใช้กับเว็บไซต์ที่ต้องการความปลอดภัยสูง เช่น เว็บไซต์ของธนาคาร ร้านค้าออนไลน์ เป็นต้น

3. Database: SQL, MySQL, LINQ and Java DB

database จะถูกเรียกใช้หลังจากที่ web server ได้มีการดึงข้อมูลเพื่อส่งไปให้ web client

database จะถูกเก็บไว้ในรูปแบบของตาราง และจะมีการเชื่อมกันโดยใช้ primary key (ทั้งคอลัมภ์) ความสัมพันธ์ก็จะมีแบบ one to one , one to many, many to one , many to many

MySQL คือ Open Source Relational Database Management System (RDBMS) ซึ่งเป็นที่นิยมใช้กันมากในปัจจุบัน โดยเฉพาะอย่างยิ่งในโลกของ internet เนื่องจาก

-mysql เป็นฟรีแวร์ทางด้านฐานข้อมูลที่มีประสิทธิภาพสูง

-นักพัฒนาฐานข้อมูลที่เคยใช้ mysql ต่างยอมรับในความรวดเร็ว การรองรับจำนวนผู้ใช้ และขนาดของข้อมูลจำนวนมหาศาล

-สนับสนุนการใช้งานบนระบบปฏิบัติการมากมาย เช่น UNIX OS/2 MAC OS Windows

-สามารถใช้งานร่วมกับ Web Development platform เช่น C, C++ , Java, Perl, PHP, Python, TCL, หรือ ASP

-ได้รับความนิยมอย่างมากในปัจจุบัน และมีแนวโน้มสูงขึ้นเรื่อยๆในอนาคต

MySQL จัดเป็นซอฟท์แวร์ประเภท open source software สามารถ download ซอร์สโคดต้นฉบับได้จากอินเทอร์เนทโดยไม่เสียค่าใช้จ่ายใดๆ การแก้ไขสามารถทำได้ตามต้องการ mysql ยึดถือสิทธิบัตรตาม GPL (GNU General Public License) ซึ่งเป็นข้อกำหนดของซอฟท์แวร์ประเภทนี้ โดยจะเป็นการชี้แจงว่าสิ่งใดทำได้ หรือทำไม่ได้ในกรณีต่างๆ สามารถหาข้อมูลเพิ่มเติมได้จากเว็บไซท์ www.gnu.org

ตัวอย่าง code การ query

SELECT * FROM tableName

SELECT AuthorID, FirstName, LastName

FROM Authors

WHERE LastName LIKE '_o%'

-ความสามารถอีกอย่างหนึ่งของ database คือ รวมตารางหลายๆ ตาราง ให้เป็นตารางเดียว โดยการนำข้อมูลมา merge กัน วิธีคือเลือกคอลัมภ์ที่มีชนิดข้อมูลเหมือนกันและชนิดเดียวกันเพื่อให้ตารางสองตารางเข้าใจว่าสิ่งนี้คือสิ่งเดียวกัน จึงจะเชื่อมตารางทังสองเข้าเป็นตารางเดียวกันได้

วันเสาร์ที่ 7 กันยายน พ.ศ. 2556

Document Object Model (DOM) 02/09/56

Document Object Model (DOM) เป็นวิธีการอธิบายว่าข้อมูลต่างๆ ในเอกสาร HTML หรือ XML จัดเรียงตัวแบบเชิงวัตถุ (object oriented) อย่างไร DOM เป็นวิธีในการสร้าง API ให้สามารถควบคุมเนื้อหา โครงสร้าง และรูปแบบของเอกสารได้เดิมทีนั้นเว็บเบราว์เซอร์แต่ละค่ายมีการพัฒนา DOM โดยใช้จาวาสคริปต์ที่แตกต่างกันออกไป ทาง W3C จึงได้ร่างมาตรฐานกลางที่เรียกว่า W3C Document Object Model (W3C DOM) โดยไม่ขึ้นกับภาษาโปรแกรมมิ่งภาษาใดภาษาหนึ่ง

การจัดข้อมูลในรูปแบบ DOM นั้นใช้แผนภูมิต้นไม้ในการบอกความสัมพันธ์ระหว่างวัตถุแต่ละชิ้น อย่างไรก็ตาม DOM มีจุดอ่อนในเรื่องประสิทธิภาพเมื่อต้องประมวลผลเอกสารขนาดใหญ่ ซึ่ง DOM จำเป็นต้องอ่านเอกสารให้ครบทั้งหมดก่อน จึงจะเริ่มประมวลผล ข้อเสียนี้จึงเกิดการออกแบบ SAX ที่ใช้วิธีอ่านเอกสารทีละส่วนแทน

ตามมาตรฐานของ W3C นั้น ได้แบ่ง DOM เป็นระดับชั้น (level) ที่มีข้อกำหนดแตกต่างกันออกไป ปัจจุบันมี Level 0-3

12.2 Modeling a Document: DOM Nodes and Trees

- มองโครงสร้างเป็น DOM Tree

- จะมองความสัมพันธ์เป็นแบบพ่อ แม่ และลูก

- โหนดแต่ละโหนดสามารถมีลูกได้เยอะ แต่มีพ่อแม่ได้แค่คู่เดียว

- โหนดที่มีโหนดแม่เดียวกันจะเรียกว่าพี่น้อง

- html ที่โหนดในต้นไม้ DOM จะเรียกว่าโหนดรากเพราะมีไม่มีพ่อแม่

12.3 Traversing and Modifying a DOM Tree

CSS class highlighted 12.4 DOM Collections สามารถ add remove select ใน form ของHTML ได้เลย

12.4 DOM Collections

- DOM มีกลุ่มคอลเลกชันของวัตถุที่เกี่ยวข้องในหน้า

- คอลเลกชัน DOM มีการเข้าถึงเป็นคุณสมบัติของวัตถุ DOM เช่นวัตถุเอกสารหรือโหนด DOM

- คุณสมบัติความยาวของสะสมระบุจำนวนของรายการในการเก็บรวบรวม

12.5 Dynamic Styles

- รูปแบบขององค์ประกอบสามารถเปลี่ยนแปลงได้แบบไดนามิก

- สามารถสร้างผลกระทบเมาส์เลื่อนเมนูแบบโต้ตอบและภาพเคลื่อนไหว

- วิธี setAttribute จะใช้ในการกำหนดคุณลักษณะอย่างมีสไตล์ด้วยสีที่ผู้ใช้กำหนดสำหรับ background-colorคุณสมบัติ CSS

- หากคุณมีการกำหนดไว้ล่วงหน้าวินาทีกับการเรียนรูปแบบที่กำหนดไว้สำหรับเอกสารของคุณคุณยังสามารถใช้วิธีการ setAttribute เพื่อตั้งค่าแอตทริบิวต์ชั้น

12.6 Using a Timer and Dynamic Styles to Create Animated Effects

- ตัวอย่างต่อไปแนะนำวิธีการ setInterval และ clearInterval วัตถุหน้าต่างของรวมพวกเขามีรูปแบบแบบไดนามิกเพื่อสร้างผลภาพเคลื่อนไหว

- ตัวอย่างนี้เป็นโปรแกรมดูภาพขั้นพื้นฐานที่ช่วยให้คุณสามารถเลือกปกหนังสือและจะดูในขนาดที่ใหญ่กว่า. เมื่อผู้ใช้คลิกที่ภาพรุ่นใหญ่เติบโตจากมุมบนซ้ายของพื้นที่ภาพหลัก

วันศุกร์ที่ 19 กรกฎาคม พ.ศ. 2556

สรุป JavaScript / Date: 15/07/2556

สรุป JavaScript15กรกฎาคม2556
เป็นการเรียนรู้ JavaScript ใน e-learning ที่ www.code.org
และก็ได้สมัคร accout เพื่อ login (จากfacebook,twitter ,gmail)
>>learn>>JavaScript
และก็เริ่มการเรียนรู้การเขียนcode ด้วย e-learning ของทาง Codeacademy

วันเสาร์ที่ 13 กรกฎาคม พ.ศ. 2556

JavaScript วันที่ 8 กรกฎาคม 56

สรุป JavaScript วันที่ 8 กรกฎาคม 56

บทที่ 6 JavaScript: บทนำการเขียนสคริปต์

6.1 บทนำJavaScriptภาษาสคริปต์ที่ใช้ในการเพิ่มการทำงานและลักษณะของหน้าเว็บก่อนที่คุณจะสามารถเรียกใช้ตัวอย่างรหัสกับ JavaScript บนคอมพิวเตอร์ของคุณคุณอาจต้องเปลี่ยนการตั้งค่าความปลอดภัยของเบราเซอร์E9 ป้องกันสคริปต์บนคอมพิวเตอร์ที่ใช้อยู่จากการทำงานตามค่าเริ่มต้นFirefox, Chrome, Opera, Safari (รวมทั้งบน iPhone) และ Android เบราว์เซอร์ได้เปิดใช้งาน JavaScript โดยค่าเริ่มต้น6.2 สคริปต์ของคุณ: แสดงสายของข้อความที่มีจาวาสคริปต์ในหน้าเว็บเราเริ่มต้นด้วยสคริปต์ง่ายที่แสดงข้อความ "ยินดีต้อนรับสู่การเขียนโปรแกรมจาวาสคริปต์" ในเอกสาร HTML5เว็บเบราเซอร์ทั้งหมดที่สำคัญมีล่าม JavaScript ซึ่งประมวลผลคำสั่งที่เขียนใน JavaScriptการเว้นวรรคที่แสดงโดยเบราว์เซอร์ในหน้าเว็บจะถูกกำหนดโดยองค์ประกอบ HTML5 ที่ใช้ในการจัดรูปแบบหน้าบ่อยครั้งที่ JavaScripts ปรากฏในส่วน <head> ของเอกสาร HTML5 เบราว์เซอร์ตีความเนื้อหาของส่วน <head> แร แท็ก <script> บ่งชี้เบราว์เซอร์ว่าข้อความที่ตามมาเป็นส่วนหนึ่งของสคริปต์ ชนิดของแอตทริบิวต์ระบุภาษาสคริปต์ที่ใช้ในสคริปต์เช่นข้อความ javascript /

องค์ประกอบของสคริปต์และแสดงความคิดเห็นในสคริปต์ของคุณแท็ก <script> บ่งชี้เบราว์เซอร์ว่าข้อความซึ่งต่อไปนี้เป็นส่วนหนึ่งของสคริปต์ประเภทแอตทริบิวต์ที่ระบุชนิด MIME ของสคริปต์เป็นภาษาสคริปต์ที่ใช้ในสคริปต์ในกรณีนี้แฟ้มข้อความที่เขียนใน JavaScriptใน HTML5 เริ่มต้นสำหรับประเภท <script> MIME คือ "text / html" เพื่อให้คุณสามารถละเว้นประเภทแอตทริบิวต์จากแท็ก <script> ของคุณ สายอักขระที่สามารถมีอยู่ระหว่างคำพูดคู่ (") เครื่องหมาย (เรียกว่าสตริงตัวอักษร)เอกสารวัตถุเบราว์เซอร์เป็นเอกสาร HTML5 กำลังมีการแสดงในเบราว์เซอร์ช่วยให้คุณสามารถระบุข้อความ HTML5 ที่จะแสดงในเอกสาร HTML5เบราว์เซอร์มีชุดที่สมบูรณ์ของวัตถุที่ช่วยให้โปรแกรมเมอร์สคริปต์เพื่อเข้าถึงและจัดการองค์ประกอบของเอกสาร HTML5 ทุกวัตถุ

อาศัยอยู่ในหน่วยความจำของคอมพิวเตอร์และมีข้อมูลที่ใช้โดยสคริปต์วัตถุระยะปกติก็หมายความว่าคุณสมบัติ (ข้อมูล) และพฤติกรรม (วิธีการ) ที่เกี่ยวข้องกับวัตถุวิธีการของวัตถุใช้ข้อมูลคุณสมบัติ 'ในการดำเนินการที่เป็นประโยชน์สำหรับลูกค้าของวัตถุสคริปต์ที่เรียกวิธีการวงเล็บหลังชื่อของวิธีมีข้อโต้แย้งว่าวิธีการที่จำเป็นต้องใช้ในการดำเนินงาน (JavaScript เป็นกรณีที่สำคัญไม่ได้ใช้ตัวพิมพ์ใหญ่ที่เหมาะสมและอักษรตัวพิมพ์เล็กเป็นข้อผิดพลาดทางไวยากรณ์วิธีwriteln วัตถุเอกสารของgขียนบรรทัดของข้อความ HTML5 ในเอกสาร HTML5ไม่ได้รับประกันว่าสายที่สอดคล้องกันของข้อความจะปรากฏในเอกสาร HTML5ข้อความที่แสดงขึ้นอยู่กับเนื้อหาของสตริงที่เป็นลายลักษณ์อักษรซึ่งมีการแสดงต่อมาโดยเบราว์เซอร์เบราว์เซอร์จะแปลความหมายองค์ประกอบ HTML5 เหมือนปกติไม่ได้ที่จะทำให้ข้อความในเอกสารสุดท้ายหมายเหตุเกี่ยวกับการฝังโค้ด JavaScript ลงในเอกสาร HTML5

รหัส JavaScript มักจะอยู่ในไฟล์ที่แยกต่างหากนั้นในเอกสาร HTML5 ที่ใช้สคริปต์นี้จะทำให้รหัสนำมาใช้ใหม่มากขึ้นเพราะสามารถรวมเป็น HTML5 เอกสารใดเป็นกรณีที่มีห้องสมุด JavaScript จำนวนมากที่ใช้ในการพัฒนาเว็บมืออาชีพวันนี้คือเราจะเริ่มแยกทั้งสอง CSS3 และ JavaScript ลงในแฟ้มที่แยกต่างหากเริ่มต้นในบทที่ 10

6.3 การแก้ไขสคริปต์แรกของคุณสคริปต์สามารถแสดงยินดีต้อนรับเข้าสู่การเขียนโปรแกรมจาวาสคริปต์ ในหลาย ๆ6.2 รูปแสดงข้อความในม่วงใช้คุณสมบัติสีวินาทีเขียนวิธีการแสดงสตริงเช่น writeln แต่ไม่ได้ตำแหน่งเคอร์เซอร์เอาท์พุทในเอกสาร HTML5 ที่จุดเริ่มต้นของบรรทัดถัดไปหลังจากเขียนโต้แย้ง+ ประกอบ (เรียกว่า "concatenation ตัวดำเนินการ" เมื่อนำมาใช้ในลักษณะนี้) ร่วมกับสองสายมารวมกันแสดงข้อความในกล่องโต้ตอบการแจ้งเตือนโต้ตอบที่เป็นประโยชน์เพื่อแสดงข้อมูลในหน้าต่างว่า "ป๊อปอัพ" บนหน้าจอเพื่อดึงดูดความสนใจของผู้ใช้

6.4 กล่องข้อความให้ผู้ใช้กรอกข้อมูล การเขียนสคริปต์จะช่วยให้สร้างแสดงเนื้อหาของผู้ใช้บนหน้าเว็บ ซึ่งจะแสดงเป็นแบบ dynamic ที่สามารถเปลี่ยนแปลงข้อมูลได้ง่าย ซึ่ง dynamic จะสามารถรับข้อมูลจากผู้ใช้แล้วนำไปแสดงบนหน้าเว็บ โดยโดยการใช้คำสั่ง window.prompt ตัวอย่างเช่นvar name; // string entered by the user => ประกาศชื่อว่า name name = window.prompt( "Please enter your name" ); => เรียกใช้ name เพื่อแสดงกล่องโต้ตอบและกรอกข้อมูล document.writeln( "<h1>Hello " + name + ", welcome to JavaScript programming!</h1>" ); => ให้แสดงคำว่า Hello ข้อมูลผู้ใช้กรอก welcome to JavaScript programming!

6.4.1 หน้ายินดีต้อนรับคุณแบบไดนามิกสคริปต์ต่อไปสร้างเพจต้อนรับแบบไดนามิกที่ได้รับชื่อของผู้ใช้นั้นจะแสดงบนหน้าเว็บสคริปต์ใช้กล่องโต้ตอบอื่นที่กำหนดไว้ล่วงหน้าจากหน้าต่างวัตถุพรอมต์โต้ตอบซึ่งจะช่วยให้ผู้ใช้สามารถป้อนค่าที่สคริปต์สามารถใช้6.5 รูปที่มีเอาท์พุทสคริปต์และตัวอย่างคำหลักเป็นคำที่มีความหมายพิเศษใน JavaScriptvar คำที่ใช้ในการประกาศชื่อของตัวแปรตัวแปรเป็นที่ตั้งในหน่วยความจำของเครื่องคอมพิวเตอร์ที่สามารถใดระบุที่ถูกต้องประกอบด้วยตัวอักษรตัวเลขขีดล่าง (_) และเครื่องหมายดอลลาร์ ($) ที่ไม่ได้เริ่มต้นด้วยหลักและไม่ได้มีคำหลัก JavaScript สำรองท้ายประกาศด้วยเครื่องหมายอัฒภาค (;) และสามารถแยกหลายบรรทัดด้วยตัวแปรในการประกาศคั่นด้วยเครื่องหมายจุลภาค (กลายเป็นรายการคั่นด้วยเครื่องหมายจุลภาคของชื่อตัวแปรแต่ละ)ลายตัวแปรอาจจะประกาศในการประกาศหรือการประกาศในหลาย ๆความเห็นความเห็น multiline เริ่มต้นด้วยตัวคั่น * / และจบด้วยตัวคั่น * /ข้อความที่อยู่ระหว่างตัวคั่นการแสดงความคิดเห็นทั้งหมดจะถูกละเว้นโดยล่ามตัวแปรที่มีการกำหนดค่าด้วยกับคำสั่งที่ได้รับมอบหมายโดยใช้ประกอบการมอบหมาย =ดำเนินการ = จะเรียกว่าผู้ประกอบการไบนารีเพราะมันมีสองตัวถูกดำเนินการคำสำคัญ Null 6.4.2 นัมเบอร์เพิ่ม

สคริปต์ต่อไปของเราแสดงให้เห็นถึงการใช้งานอื่น ๆ ของกล่องโต้ตอบพร้อมที่จะได้รับข้อมูลจากผู้ใช้ 6.5 แนวคิดหน่วยความจำชื่อตัวแปรที่สอดคล้องกับสถานที่ในหน่วยความจำของคอมพิวเตอร์ตัวแปรทุกคนมีชื่อประเภทและมูลค่าเมื่อค่าจะถูกวางในตำแหน่งหน่วยความจำค่าแทนที่ค่าก่อนหน้าในตำแหน่งที่เมื่อค่าที่อ่านออกจากตำแหน่งหน่วยความจำกระบวนการจะไม่ทำลายจาวาสคริปต์ไม่จำเป็นต้อง 6.6 เลขคณิตดำเนินการทางคณิตศาสตร์ขั้นพื้นฐาน (+, -, *, /, และ%) ส่วนที่ผู้ประกอบการไบนารีเพราะพวกเขาแต่ละคนทำงานบนสองตัวถูกดำเนินการ

โปรแกรมคำนวณเกรด

อธิบายโปรแกรม

unction calculateGrade() เป็นการสร้างฟังก์ชั่นสำหรับคำนวณเกรด ขึ้นมาvar g = document.getElementById("g").value;บรรทัดนี้เป็นการเข้าไปอ่านค่าใน Element ที่เป็น TextBox และเก็บค่าไว้ในตัวแปร g

var objDiv = document.getElementById("showGrade");

บรรทัดนี้คือการเข้าถึง Element ที่เป็น Tag Div เพื่อกำหนดค่าให้มันแสดงเกรดออกมา

else if

if(g >= 80)เช็คว่า g มีค่ามากกว่า หรือ เท่ากับ 80 ใช่หรือไม่ หากใช่จะแสดงข้อความ ได้เกรด Aelse if(g >= 70)

นี่คือเงื่อนไขถัดมาจะทำในกรณีที่เงื่อนไขก่อนหน้าไม่เป็นจริง คือถ้าเงื่อนไขแรกไม่เป็นจริงงั้น g มีค่ามากกว่า หรือ เท่ากับ 70 ใช่หรือไม่ ถ้าใช่จะแสดงข้อความ ได้เกรด B

บรรทัด 24เกรด <input type="text" name="g" id="g"><input type="button" value="คำนวณเกรด" onclick="calculateGrade()">

คำว่า onclick="calculateGrade()"

นี่เป็น Event ของ button หรือ ปุ่ม เมื่อมีการคลิกที่ปุ่ม ในที่นี้ผมต้องการให้ทำ function calculateGrade() หรือ function สำหรับ คำนวณเกรด

ที่เราเขียนขึ้นมานั่นเองจากภาพผมกรอกตัวเลข 80 เข้าไปใน TextBox จากนั้นกดปุ่มคำนวณเกรด

ผลลัพธ์แสดงออกมาด้านล่างเป็นคำว่า ได้เกรด A

โปรแกรมแสดงแม่สูตรคูณ ตามตัวเลขที่ป้อนเข้าไป

<html>

<head>

<title> step-juice.blogspot.com:: โปรแกรมแสดงแม่สูตรคูณ </title>

function show()

{

var number = document.getElementById("number").value;

var objDiv = document.getElementById("divShow");

for(var i = 1; i<=12; i++)

{

objDiv.innerHTML += number + " x " + i + " = " + parseInt(number) * i + "< br />"; //

tag br ใน blog มันเขียนติดกันไม่ได้ แก้ให้มันติดกันด้วยนะค่ะ -*-

}

</script>

</head>

<body> สู

ตรคูณแม่ <input type="text" name="number" id="number">

<inputtype="button" value="แสดงแม่สูตรคูณ" onclick="show()">

</body>

</html>