โค้ด HTML พื้นฐานสำหรับสร้างเครื่องคิดเลข รู้จักโค้ดที่จำเป็น ใช้เครื่องคิดเลข สร้างเครื่องคิดเลข
ให้คุณลากคลุมข้อความในกรอบด้านล่าง โดยคลิกเคอร์เซอร์ค้างไว้ที่มุมซ้ายบนของกรอบ แล้วลากยาวไปที่มุมขวาล่างของกรอบ จนข้อความทั้งหมดกลายเป็นสีฟ้า จากนั้นกด "Command + C" ถ้าใช้ Mac หรือกด "Ctrl + C" ถ้าใช้ PC เพื่อ copy โค้ดลง clipboard โค้ดที่จะใช้สร้างเครื่องคิดเลข จะประกอบด้วย syntax หลายๆ ส่วนที่ทำงานร่วมกัน แบ่งแยกองค์ประกอบต่างๆ ของไฟล์โค้ด ให้อ่านบทความวิกิฮาวนี้ จะได้รู้วิธีการเขียนโค้ด HTML เบื้องต้น หรืออ่านต่อไปว่าแต่ละบรรทัดข้อความมีหน้าที่อะไรในโค้ดที่จะใช้สร้างเครื่องคิดเลข    html: เป็น syntax ที่ใช้บอกทั้งไฟล์ว่าจะเขียนโค้ดด้วยภาษาอะไร มีภาษาสำหรับเขียนโค้ดหลายภาษาด้วยกัน ซึ่งพอพิมพ์ <html> จะเป็นการกำหนดแต่แรก ว่าไฟล์โค้ดนี้จะเขียนด้วยภาษา HTML ตรงไปตรงมาแบบนี้เลย!   head: ถ้าโผล่มาเมื่อไหร่ ทุกอย่างต่อจากนั้นจะเป็นข้อมูลของข้อมูลอีกที หรือที่เรียกว่า "metadata" ปกติคำสั่ง <head> ใช้กำหนดสไตล์ของไฟล์ เช่น title, heading และอื่นๆ ให้นึกภาพว่าเป็นเหมือนร่มที่กางคลุมโค้ดที่เหลืออยู่   title: นี่คือชื่อไฟล์ เป็น attribute ที่ใช้กำหนดชื่อของไฟล์ที่จะเปิดในเบราว์เซอร์ html  body bgcolor= "#": attribute นี้จะกำหนดสีของพื้นหลังและเนื้อหาของโค้ด หมายเลขที่ตามหลัง # อยู่ในเครื่องหมายคำพูด จะเป็นโค้ดของสีที่จะใช้   text= "": ข้อความในเครื่องหมายคำพูดจะกำหนดสีของข้อความในโค้ด  form name="": attribute นี้ใช้กำหนดชื่อของ form ที่ใช้กำหนดโครงสร้างของอะไรที่ตามมา แล้วแต่ความหมายของ form ที่ Javascript รู้ เช่น form name ที่เราจะใช้ในที่นี้คือ calculator หรือเครื่องคิดเลข ซึ่งจะสร้างโครงสร้างเฉพาะให้โค้ดนี้   input type="": ใช้กำหนดว่าจะให้ทำอะไร attribute "input type" ใช้บอกโค้ดว่า ค่า (values) ในวงเล็บที่เหลือ เป็นข้อความประเภทไหน เช่น เป็น text หรือข้อความ, เป็นรหัสผ่าน, ปุ่มกด (ของเครื่องคิดเลข) และอื่นๆ   value="": คำสั่งนี้ใช้บอกโค้ดว่า อะไรจะอยู่ใน input type ที่กำหนดไว้ด้านบน อย่างถ้าของเครื่องคิดเลข ก็ใช้แสดงตัวเลข (1 - 9) และเครื่องหมายทางคณิตศาสตร์ต่างๆ (+, -, *, /, =)    onClick="": syntax นี้ใช้อธิบาย event หรือเหตุการณ์ ที่จะบอกโค้ดว่าต้องมีอะไรเกิดขึ้นหลังกดปุ่ม ถ้าเป็นเครื่องคิดเลข ก็คือให้แสดงข้อความในแต่ละปุ่ม ผู้ใช้จะได้เข้าใจ เพราะงั้นถ้าเป็นปุ่ม "6" ก็ต้องพิมพ์ document.calculator.ans.value+='6' ในเครื่องหมายคำพูด   br: แท็กนี้ใช้เริ่ม line break ในโค้ด ให้ทุกอย่างที่ตามมาต้องขึ้นบรรทัดใหม่ข้างล่าง   /form, /body, and /html: เป็นคำสั่งใช้บอกโค้ดว่าคำสั่งที่กำหนดให้มีผลไป (ตามขั้นตอนข้างบน) ได้จบลงแล้ว ให้พิมพ์ชื่อไฟล์ใน Spotlight หรือในแถบค้นหาของเมนู Start ตามที่อธิบายไปในขั้นตอนก่อนหน้า โดยไม่ต้องพิมพ์ extension "html" เบราว์เซอร์ตามค่า default จะเปิดเครื่องคิดเลขขึ้นมาเป็นหน้าเว็บใหม่ ผลลัพธ์ที่ได้จะโผล่มาในแถบที่กำหนด มีหลายโปรแกรมให้เลือกใช้ แต่ถ้าจะให้สะดวกและดี แนะนำ TextEdit หรือ Notepad  ถ้าใช้ Mac ให้คลิกไอคอนรูปแว่นขยายที่มุมขวาบนของหน้าจอ เพื่อเปิด Spotlight จากนั้นพิมพ์ TextEdit แล้วคลิกที่โปรแกรม (จะถูกเน้นด้วยแถบสีฟ้า) ถ้าใช้ PC ให้เปิดเมนู Start ที่มุมซ้ายล่างของหน้าจอ ในแถบค้นหาให้พิมพ์ Notepad แล้วคลิกที่โปรแกรม (จะโผล่มาในแถบผลการค้นหาทางขวา) ถ้าใช้ Mac ให้คลิกที่เนื้อหาของเอกสาร แล้วกด "Command+V" จากนั้นคลิก "Format" ทางด้านบนของหน้าจอ แล้วคลิก "Make Plain Text" หลัง paste โค้ดแล้ว  ถ้าใช้ PC ให้คลิกที่เนื้อหาของเอกสาร แล้วกด "Ctrl+V" โดยคลิกปุ่ม "File" ทางด้านซ้ายบนของหน้าต่าง แล้วคลิก "Save As..." ถ้าใช้ PC หรือคลิก "Save..." ถ้าใช้ Mac ในเมนูที่ขยายลงมา ในเมนู "Save As..." ให้พิมพ์ชื่อไฟล์ ตามด้วย ".html" แล้วคลิก "Save" เช่น ถ้าอยากให้ไฟล์ชื่อ my first calculator ก็ให้เซฟไฟล์ว่า "MyFirstCalculator.html"
copy โค้ดข้างล่าง. แต่ละฟังก์ชั่นของ html ใช้ทำอะไร. หาไฟล์ที่เพิ่งสร้างไป. คลิกไฟล์เพื่อเปิด. คลิกปุ่มต่างๆ ของเครื่องคิดเลขได้ตามปกติ. เปิดโปรแกรม text editor ในคอม. paste โค้ด HTML ของเครื่องคิดเลขในเอกสารใหม่. เซฟไฟล์. ใช้ extension HTML ต่อท้ายชื่อไฟล์.
https://www.wikihow.com/Create-a-Calculator-Using-HTML https://www.wikihow.com/Create-a-Calculator-Using-HTML https://www.wikihow.com/Create-a-Calculator-Using-HTML https://www.wikihow.com/Create-a-Calculator-Using-HTML
Basic HTML Calculator Code Understanding Your Code Using Your Calculator Creating Your Calculator