Scribd
Upload
258 views11 pages

JavaScript CheatSheet

The document provides an overview of basic JavaScript concepts like variables, data types, conditional statements, loops, functions, arrays, objects, DOM manipulation, event handling, and asynchronous programming using promises. Code examples are included to demonstrate each concept.

Uploaded by

toxiccoder2023
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
Download as pdf or txt
258 views11 pages

JavaScript CheatSheet

The document provides an overview of basic JavaScript concepts like variables, data types, conditional statements, loops, functions, arrays, objects, DOM manipulation, event handling, and asynchronous programming using promises. Code examples are included to demonstrate each concept.

Uploaded by

toxiccoder2023
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
Download as pdf or txt
Download as pdf or txt
You are on page 1/ 11

Let’s Learn

JavaScript
Bhavin Thummar

(function repeat() {
eat();
sleep();
love_yourself();
repeat();
})();

#JavaScript #Programming
Basic syntax in
JavaScript

// JavaScript basic syntax


Let variable = "Hello, World!";
console.log(variable);
// Output : Hello, World!
Variables and Types in
JavaScript

// Variables and Types


Let age = 25; // number
let temperature = -10.5; // number
let name = "John"; // string
let isStudent = true; // boolean
let fruits = ["Apple", "Banana", "Orange"]; // object
let person = {
name: "John", age: 25, isStudent: true
}; // object
function greet(name) { return "Apple"; } // function
let job; // undefined
let result = null; // object
const id = Symbol('id'); // symbol
Conditional Statements in
JavaScript

// Conditional Statements
let temperature = 25;
if (temperature > 30) {
console.log("It's hot outside!");
} else if (temperature > 20) {
console.log("It's warm outside.");
} else {
console.log("It's cold outside!");
}
// Output : It's warm outside.
Loops in
JavaScript

// Loops
for ( let i > 0; i < 5; i++) {
console.log("Count: ", i);
}
// Output :
Count: 0
Count: 1
Count: 2
Count: 3
Count: 4
Functions in
JavaScript

// Functions
function greet(name) {
return "Hello, " + name + "!";
}
console.log(greet("Alice"));
// Output : Hello, Alice!
Arrays in
JavaScript

// Arrays
let fruits = ["Apple", "Banana", "Orange"];

console.log(fruits);
// Output : ['Apple', 'Banana', 'Orange']

console.log(fruits.length);
// Output : 3
Objects in
JavaScript

// Objects
let person = {
name: "John",
age: 30,
isStudent: false
};
console.log(person.name);
// Output : John
console.log(pe
rson.age);
// Output : 30
console.log(pe
rson.isSt
udent);
// Output : false
DOM Manipulation in
JavaScript

// DOM Manipulation
let heading = document.createElement("h1");
heading.textContent = "Hello, World!";
document.body.appendChild(heading);
// Output : <h1>Hello, World!</h1>

DOM Manipulation: JavaScript's ability to


modify webpage content and structure
dynamically.
Event Handling in
JavaScript

// Event Handling
let button = document.querySelector("button");
button.addEventListener("click", function() {
console.log("Button clicked!");
});
// Output : Button clicked!

Event Handling: JavaScript's capability to


respond to user actions on a webpage, such as
clicks or keypresses, by triggering predefined
functions or actions.
Asynchronous Programming in
JavaScript

// Asynchronous Programming (Promise)


function getData() {
return new Promise((resolve, reject) => {
// Simulating asynchronous task
setTimeout(() => {
resolve("Data fetched successfully!");
}, 2000);
});
}
getData().then(data => {
console.log(data);
});

You might also like