Real-World JavaScript Examples

Simple patterns used in actual projects

js-real-examples.jsEXAMPLES

Search Filter

const products = ["Laptop", "Mouse", "Keyboard"];
const query = "mo";
const result = products.filter((p) => p.toLowerCase().includes(query));
console.log(result);

Cart Total

const cart = [{ price: 799, qty: 1 }, { price: 299, qty: 2 }];
const total = cart.reduce((sum, item) => sum + (item.price * item.qty), 0);
console.log(total);

Form Validation

function isValidEmail(email) {
  return email.includes("@") && email.includes(".");
}

console.log(isValidEmail("a@b.com"));

API + UI

async function loadUsers() {
  const res = await fetch("https://jsonplaceholder.typicode.com/users");
  const users = await res.json();
  users.forEach((u) => console.log(u.name));
}

loadUsers();