0Pricing
JavaScript Academy · บทเรียน

โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)

เขียนโปรแกรมขนาดเล็กแรกและฝึกใช้อินพุต/เอาต์พุต: แสดงผลผ่านคอนโซลในทุกสภาพแวดล้อม และแสดงการแจ้งเตือนในเบราว์เซอร์

โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์) เป็นบทเรียน 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. JavaScript คืออะไร เครื่องมือประมวลผล (V8/SpiderMonkey) และรันไทม์ (เบราว์เซอร์กับ Node)
  2. การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools
  3. โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)
← กลับไปที่ JavaScript Academy