JavaScript Summary

JavaScript is an essential programming language in web development, often referred to as the brain of web pages.

Let's quickly summarize the key concepts of JavaScript.

Containers for storing data. Types of data include numbers, strings, booleans, objects, and more.

Copy
let userName = 'CodeCompanion';

Reusable blocks of code that perform specific tasks.

Copy
function greet(userName) {
  console.log('Hello, ' + userName + '!');
}

greet('CodeCompanion'); // Outputs: "Hello, CodeCompanion!"

Execute different code based on certain conditions.

Copy
if (userName === 'CodeCompanion') {
  console.log('Hello, CodeCompanion!');
} else {
  console.log('Hello, Guest!');
}

Repeat a block of code multiple times under certain conditions.

Copy
for (let i = 0; i < 5; i++) {
  console.log(i); // Outputs numbers from 0 to 4
}

Collections of data in the form of key-value pairs, where the key is referred to as a property.

Copy
const person = {
  name: 'CodeCompanion', // name property, string value
  age: 25, // age property, number value
  greet: function () { // greet property, function value
    console.log('Hello, ' + this.name + '!');
  },
};

person.greet(); // Outputs: "Hello, CodeCompanion!"

User interactions with a web page, such as button clicks, form submissions, and page loads.

Copy
let button = document.querySelector('button');

// Button click event listener
button.addEventListener('click', function () {
  alert("You've clicked the button!");
});