Wrikka Learn

Dark mode

เริ่มต้นกับ JavaScript ​

สร้าง .js แล้วเขียนได้เลย ไม่ต้องติดตั้งอะไรเพิ่ม ​

JavaScript เป็นภาษาที่สามารถเริ่มต้นได้ง่ายมาก เพียงแค่สร้างไฟล์ .js และเขียนโค้ดลงไป ก็สามารถรันได้ทันทีผ่าน browser หรือ Node.js

การรัน JavaScript ใน Browser ​

  1. สร้างไฟล์ HTML พื้นฐาน
html
<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Quick Start</title>
</head>
<body>
  <div id="demo"></div>
  
  <script src="script.js"></script>
</body>
</html>
  1. สร้างไฟล์ script.js ในโฟลเดอร์เดียวกัน
js
console.log("Hello from JavaScript!");
document.getElementById("demo").innerHTML = "Hello World";
  1. เปิดไฟล์ HTML ในเบราว์เซอร์

การรัน JavaScript ด้วย Node.js หรือ Bun ​

  1. ติดตั้ง Node.js หรือ Bun
  2. สร้างไฟล์ script.js
js
console.log("Hello from Node.js or Bun!");
  1. รันคำสั่งในเทอร์มินัล
bash
node script.js
# หรือ
bun script.js

การแสดงผลใน JavaScript ​

TIP

  • การแสดงผลหลักของ JavaScript คือใน Browser
  • การแสดงผลหลักของ Node.js, Bun คือใน Terminal

แสดงผลใน Browser (JavaScript) ​

DOM ​

การแสดงผลใน Webview

js
document.getElementById("demo").innerHTML = "Hello World";
jsx
function App() {
  return <div id="demo">Hello World</div>;
}
vue
<template>
  <div id="demo">Hello World</div>
</template>

console ​

การแสดงผลใน Browser Console

  • console.log() => แสดงผล
  • console.error() => แสดงผล error
  • console.warn() => แสดงผล warning
  • console.info() => แสดงผล info
  • console.debug() => แสดงผล debug

แสดงผลใน Terminal (Node.js) ​

การแสดงผลใน Terminal จะใช้ console เหมือนกับใน Browser

js
console.log("Hello World"); // แสดง Hello World
console.error("Error message"); // แสดงข้อความ error สีแดง
console.table([{ name: "John", age: 30 }, { name: "Jane", age: 25 }]); // แสดงข้อมูลในรูปแบบตาราง