JavaScript Basics Guide

Simple language, practical code, quick understanding

js-basics-guide.jsGUIDE

Variables

const storeName = "Hunter";
let itemsInCart = 2;
itemsInCart += 1;
console.log(storeName, itemsInCart);

Functions

function getTotal(price, qty) {
  return price * qty;
}

console.log(getTotal(499, 3));

Arrays

const prices = [100, 200, 300];
const total = prices.reduce((sum, p) => sum + p, 0);
console.log(total);

Objects

const user = {
  name: "Priyanshu",
  city: "Delhi"
};

console.log(user.name);

DOM

const btn = document.querySelector("#save-btn");
if (btn) {
  btn.addEventListener("click", () => {
    console.log("Saved");
  });
}

Async

async function loadPosts() {
  const res = await fetch("https://jsonplaceholder.typicode.com/posts");
  const posts = await res.json();
  console.log(posts.length);
}

loadPosts();

Practice Hub Course