โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)
เขียนโปรแกรมขนาดเล็กแรกและฝึกใช้อินพุต/เอาต์พุต: แสดงผลผ่านคอนโซลในทุกสภาพแวดล้อม และแสดงการแจ้งเตือนในเบราว์เซอร์
โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์) เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
บทนำ
เป้าหมาย: พิมพ์ข้อความอย่างชัดเจนและปลอดภัย คุณจะใช้ console.log ได้ทุกที่ และใช้ alert ในเบราว์เซอร์
- โปรแกรมขนาดเล็ก
- พื้นฐานคอนโซล
- การแจ้งเตือนพร้อมทางเลือกสำรอง
ผลลัพธ์แรกจากคอนโซล
สร้างฟังก์ชันอย่างง่าย เรียกใช้ฟังก์ชัน แล้วพิมพ์ผลลัพธ์ด้วย console.log
// A tiny first program
function hello(name) {
return "Hello, " + name + "!";
}
const message = hello("Coder");
console.log(message);
บันทึกจากคอนโซลที่อ่านง่าย
บรรทัดสั้น ๆ ที่มีป้ายกำกับช่วยให้ตรวจดูได้ง่ายขึ้นบนหน้าจอขนาดเล็ก
// Keep logs short and labeled for mobile
const level = 1;
const user = "Ayla";
console.log("User:", user);
console.log("Level:", level);
ฟังก์ชันบริสุทธิ์และผลลัพธ์
ฟังก์ชันบริสุทธิ์ส่งคืนค่าโดยไม่มีผลข้างเคียง จึงเหมาะอย่างยิ่งสำหรับการพิมพ์ผลลัพธ์อย่างง่าย
// Pure function: predictable output
function add(a, b) {
return a + b;
}
const total = add(2, 3);
console.log("Total:", total);
การแจ้งเตือนพร้อมทางเลือกสำรอง
การแจ้งเตือนใช้ได้เฉพาะในเบราว์เซอร์ โปรดมีทางเลือกสำรองเป็น console.log เสมอ
// Use alert in browsers; fall back to console elsewhere
const text = "Welcome to JavaScript!";
const canAlert = typeof alert === "function";
if (canAlert) {
alert(text);
} else {
console.log(text);
}
เคล็ดลับการรับและส่งข้อมูล
คำแนะนำ:
- ควรแสดงค่าหนึ่งค่าต่อหนึ่งบรรทัด
- ใช้ป้ายกำกับที่ชัดเจน เช่น "ยอดรวม:"
- ตรวจสอบความสามารถก่อนเรียกใช้ส่วนเชื่อมต่อของเบราว์เซอร์
แบบทดสอบผลลัพธ์ข้ามสภาพแวดล้อม
ตรวจสอบอย่างรวดเร็ว: ผลลัพธ์ข้ามสภาพแวดล้อม
สรุปทบทวน
สรุปทบทวน: คุณได้เขียนโปรแกรมขนาดเล็ก พิมพ์บันทึกที่อ่านง่าย และใช้การแจ้งเตือนพร้อมทางเลือกสำรองที่ปลอดภัยเพื่อรองรับทุกสภาพแวดล้อม
คำถามที่พบบ่อย
บทเรียน “โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)”
เขียนโปรแกรมขนาดเล็กแรกและฝึกใช้อินพุต/เอาต์พุต: แสดงผลผ่านคอนโซลในทุกสภาพแวดล้อม และแสดงการแจ้งเตือนในเบราว์เซอร์ คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน
บทเรียน “โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม
ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- JavaScript คืออะไร เครื่องมือประมวลผล (V8/SpiderMonkey) และรันไทม์ (เบราว์เซอร์กับ Node)
- การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools
- โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)