ในการเขียนโปรแกรมคอมพิวเตอร์ Print เป็นคำสั่งที่ใช้แสดงข้อความบางประเภทบนหน้าจอ สามารถใช้เพื่อแสดงข้อความ (สตริง) ตัวแปร ตัวเลข หรือการคำนวณทางคณิตศาสตร์ สิ่งแรกที่โปรแกรมเมอร์หลายคนเรียนรู้คือวิธีใช้คำสั่ง Print เพื่อสร้างโปรแกรมที่แสดงคำว่า "Hello World!" Javascript ต่างจากภาษาโปรแกรมอื่นๆ ที่แสดงผลภายในเว็บเบราว์เซอร์ Javascript ไม่มีคำสั่ง Print แบบง่ายๆ เหมือนกับภาษาอื่นๆ มากมาย อย่างไรก็ตาม มีหลายวิธีที่คุณสามารถแสดงข้อความได้ ทั้งภายในเอกสาร HTML, หน้าต่างการแจ้งเตือน, คอนโซล คุณยังสามารถใช้ Javascript เพื่อพิมพ์จากเครื่องพิมพ์ได้
ขั้นตอน
วิธีที่ 1 จาก 4: การใช้ InnerHTML
ขั้นตอนที่ 1. พิมพ์<p id= ในเนื้อหาของเอกสาร HTML
นี่คือแท็ก HTML เปิดสำหรับข้อความย่อหน้าที่มีรหัสเฉพาะ
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการเขียนโค้ด HTML โปรดดูวิธีสร้างเว็บเพจอย่างง่ายด้วย HTML
ขั้นตอนที่ 2 พิมพ์ชื่อสำหรับองค์ประกอบย่อหน้าในเครื่องหมายคำพูดตามด้วย >
ซึ่งจะกำหนด ID ขององค์ประกอบข้อความย่อหน้าที่สามารถเรียกคืนได้ใน Javascript ตัวอย่างเช่น,"
".
คุณยังสามารถใช้องค์ประกอบ HTML แบบข้อความอื่นๆ เช่น ส่วนหัว {{kbd|
ขั้นตอนที่ 3 พิมพ์
ทันทีหลังจาก"
แท็ก
สิ่งนี้จะเพิ่มแท็กปิดสำหรับองค์ประกอบ HTML ของย่อหน้าเปิด
ขั้นตอนที่ 4. กด ↵ Enter
สิ่งนี้จะเพิ่มบรรทัดใหม่ให้กับ HTML ของคุณ
ขั้นตอนที่ 5. พิมพ์แล้วกด ↵ Enter
นี่คือแท็กเปิดสำหรับ Javascript ของคุณ การเข้ารหัส Javascript ทั้งหมดควรอยู่หลังแท็กนี้
ขั้นตอนที่ 6 พิมพ์ document.getElementById
นี่คือรหัสจาวาสคริปต์เพื่อเรียกองค์ประกอบ HTML ด้วยรหัสของมัน
ขั้นตอนที่ 7 พิมพ์ ID ขององค์ประกอบย่อหน้าในเครื่องหมายคำพูดภายในวงเล็บ
หากองค์ประกอบย่อหน้าของคุณคือ"
"โค้ดจาวาสคริปต์ของคุณจะอ่านว่า "document.getElementById("math")"
ขั้นตอนที่ 8 พิมพ์. InnerHTML = หลังวงเล็บ
คำสั่งนี้ใช้เพื่อแสดงผลลัพธ์ของข้อความโดยใช้องค์ประกอบ HTML
ขั้นตอนที่ 9 พิมพ์สิ่งที่คุณต้องการพิมพ์ตามด้วยเครื่องหมายอัฒภาค (;
).
คุณสามารถแสดงข้อความ ตัวแปร ตัวเลข หรือสมการทางคณิตศาสตร์
ตัวอย่างเช่น พิมพ์ "document.getElementById("demo")).innerHTML = 27 + 33;" เพื่อพิมพ์ผลรวมของ 27 + 33
ขั้นตอนที่ 10. กด ↵ Enter แล้วพิมพ์
แท็กนี้ปิดโค้ด Javascript ของคุณ พิมพ์แท็กนี้เมื่อคุณทำเสร็จแล้ว ป้อน Javascript ทุกบรรทัดของคุณ เมื่อคุณโหลดเอกสาร HTML ในเว็บเบราว์เซอร์ เอกสารจะพิมพ์ภายในเอกสาร HTML
วิธีที่ 2 จาก 4: การใช้ Window Alert
ขั้นตอนที่ 1 พิมพ์เนื้อหาของเอกสาร HTML ของคุณ
นี่คือแท็กเปิดสำหรับ Javascript ของคุณ
ขั้นตอนที่ 2. กด ↵ Enter แล้วพิมพ์ alert
นี่คือคำสั่งจาวาสคริปต์เพื่อเปิดการแจ้งเตือนหน้าต่างป๊อปอัป
ขั้นตอนที่ 3 พิมพ์สิ่งที่คุณต้องการพิมพ์ในวงเล็บ
คุณสามารถพิมพ์ข้อความ ตัวแปร ตัวเลข หรือสมการทางคณิตศาสตร์ ตัวอย่างเช่น "alert("Hello Sweety!")" เพื่อแสดง "Hello Sweety!" ในหน้าต่างป๊อปอัป
ขั้นตอนที่ 4 เพิ่มเซมิโคลอน (;
) ในตอนท้าย
สิ่งนี้จะปิดบรรทัด Javascript ของคุณ ทั้งบรรทัดควรมีลักษณะเหมือน "alert("Hello Sweety!");"
ขั้นตอนที่ 5. กด ↵ Enter แล้วพิมพ์
แท็กนี้ปิดโค้ด Javascript ของคุณ พิมพ์แท็กนี้เมื่อคุณป้อน Javascript ทุกบรรทัดของคุณเสร็จแล้ว เมื่อคุณโหลดเอกสาร HTML ในเว็บเบราว์เซอร์ จะแสดงข้อความที่คุณต้องการพิมพ์ในหน้าต่างป๊อปอัป
คุณยังสามารถสร้างปุ่มที่แสดงข้อความที่พิมพ์ในหน้าต่างป๊อปอัปได้อีกด้วย โดยพิมพ์ "ข้อความปุ่ม"
วิธีที่ 3 จาก 4: การใช้บันทึกคอนโซล
ขั้นตอนที่ 1 พิมพ์เนื้อหาของเอกสาร HTML ของคุณ
นี่คือแท็กเปิดสำหรับ Javascript ของคุณ
ขั้นตอนที่ 2. กด ↵ Enter แล้วพิมพ์ console.log
นี่คือคำสั่งจาวาสคริปต์สำหรับบันทึกคอนโซล บันทึกของคอนโซลเป็นสิ่งที่ใกล้เคียงที่สุดกับคำสั่งพิมพ์ในแง่ของการเข้ารหัสทั่วไป ไม่แสดงข้อความบนหน้าเว็บของคุณ แต่แสดงข้อความภายในคอนโซลเมื่อคุณเรียกใช้ HTML/Javascript ภายในเว็บเบราว์เซอร์ สิ่งนี้มีประโยชน์สำหรับการดีบัก
ขั้นตอนที่ 3 พิมพ์ข้อความที่คุณต้องการเข้าสู่ระบบในวงเล็บ
อาจเป็นข้อความ (สตริง) ตัวแปร ตัวเลข หรือสมการทางคณิตศาสตร์ ตัวอย่างเช่น console.log (ฉันกำลังพิมพ์ใน Javascript)
ขั้นตอนที่ 4 เพิ่มเซมิโคลอน (;
) ในตอนท้าย
สิ่งนี้จะปิดบรรทัด Javascript ของคุณ ทั้งบรรทัดควรมีลักษณะเหมือน "nowiki>console.log(ฉันกำลังพิมพ์ใน Javascript)
ขั้นตอนที่ 5. กด ↵ Enter แล้วพิมพ์
แท็กนี้ปิดโค้ด Javascript ของคุณ พิมพ์แท็กนี้เมื่อคุณป้อน Javascript ทุกบรรทัดของคุณเสร็จแล้ว
ขั้นตอนที่ 6 บันทึกเอกสาร HTML ของคุณ
ใช้ขั้นตอนต่อไปนี้เพื่อบันทึกเอกสาร HTML ของคุณ
- คลิก ไฟล์ ที่ด้านบนของโปรแกรมแก้ไขข้อความหรือโปรแกรมแก้ไข HTML
- คลิก บันทึกเป็น.
- พิมพ์ชื่อไฟล์สำหรับเอกสาร HTML
- ตรวจสอบให้แน่ใจว่าบันทึกเป็นเอกสาร ".html"
- คลิก บันทึก.
ขั้นตอนที่ 7 เปิดเอกสาร HTML ในเว็บเบราว์เซอร์
เปิดเว็บเบราว์เซอร์ที่คุณเลือกแล้วพิมพ์ตำแหน่งไฟล์ของเอกสาร HTML ในแถบที่อยู่ที่ด้านบน ซึ่งจะเป็นการเปิดเอกสาร HTML ในเว็บเบราว์เซอร์ของคุณ
ขั้นตอนที่ 8 กด F12
ซึ่งจะเปิดโหมดนักพัฒนาซอฟต์แวร์ในเว็บเบราว์เซอร์ของคุณ คุณจะเห็นหน้าต่างใหม่พร้อมแสดงโค้ด HTML, CSS และ Javascript
ขั้นตอนที่ 9 คลิกคอนโซล
ทางด้านบนของหน้าต่างโหมดนักพัฒนาซอฟต์แวร์
ขั้นตอนที่ 10. รีเฟรชเบราว์เซอร์ของคุณ
ขั้นที่ 1. พิมพ์ <button onclick= ในเนื้อหาของเอกสาร HTML ของคุณ
นี่คือแท็กเปิด HTML เพื่อสร้างปุ่มภายใน HTML ของคุณ
ขั้นที่ 2. พิมพ์ "window.print()"> หลังเครื่องหมายเท่ากับ (=)
คำสั่ง "window.print()" คือคำสั่ง Javascript เพื่อพิมพ์เนื้อหาของหน้าต่างเว็บเบราว์เซอร์ของคุณ วงเล็บ (>) จบแท็กเปิดของปุ่ม HTML
ขั้นตอนที่ 3 พิมพ์ข้อความที่คุณต้องการไปในปุ่ม
สิ่งนี้ควรอยู่หลังวงเล็บเหลี่ยม (>) ตัวอย่างเช่น คุณสามารถพิมพ์ "คลิกที่นี่เพื่อพิมพ์" หรือคำอื่นๆ ที่คล้ายกัน
ขั้นตอนที่ 4. พิมพ์
สิ่งนี้จะปิดองค์ประกอบปุ่ม HTML เมื่อคุณแสดง HTML ในเว็บเบราว์เซอร์ มันจะสร้างปุ่มที่คุณสามารถคลิกเพื่อพิมพ์เนื้อหาของเว็บเบราว์เซอร์ yoru