Jour du #daysofMiva Challenge.

Day 1 of the 100 Days Challenge

Date: 8/21/2024

Objective: To learn and understand variables, logical operations, and data types in JavaScript, solve a mathematical problem using JavaScript, and begin learning about event listeners and conditional statements.

1. Introduction to JavaScript Variables

Today, I started my journey into JavaScript by learning about variables. A variable in JavaScript is like a container that holds data, which can be a number, a piece of text, or any other type of value. I learned how to declare a variable using the let, const, and var keywords.

• let allows you to create a variable that can change later.
• const creates a variable that cannot be reassigned.
• var is an older way of declaring variables but is still used.

---

2. Understanding Logical Operations and Data Types

Next, I explored logical operations, which are used to make decisions in JavaScript. I learned about the basic logical operators:

I also learned about different data types such as:

3. Solving a Mathematical Problem with JavaScript

I applied my knowledge of variables and data types to solve a simple mathematical problem. The problem was to calculate the area of a rectangle given its width and height.

4. Introduction to Event Listeners

Moving on, I began learning about event listeners. An event listener is a function that waits for a specific event to occur, such as a user clicking a button, and then triggers some action.

In Simple Terms:
Event listeners allow JavaScript to respond to user actions on a webpage, like clicking a button, typing in a text box, or hovering over an element.

When not click

When it is clicked it will show loading data.. then end up showing "Data Loaded Via Callback"

This is the work of an event listener In javascript

5. Understanding Conditional Statements

I also learned about conditional statements, which allow me to make decisions in my code. A conditional statement checks whether a condition is true or false and then executes a block of code based on the result.

6 Understanding While Loops and For Loops in JavaScript

While Loop:
A while loop in JavaScript keeps executing a block of code as long as a specified condition is true. I tried hard to grasp this concept by imagining it as someone repeatedly asking a question until they got the right answer.

Simple Definition:
A while loop continues to run as long as a certain condition remains true.

Example:

let number = 1;

while (number <= 5) {
    console.log(number);
    number++;
}

In this example, the loop starts with number = 1 and keeps running if number is less than or equal to 5. It prints the value of number and then increases it by 1 each time.

For Loop:
A for loop is similar to a while loop but is usually more concise and easier to write when you know how many times you want to run the loop.

Simple Definition:
A for loop repeats a block of code a specific number of times.

Example:

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

In this for loop, i starts at 1 and increases by 1 after each loop until it reaches 5. The loop runs 5 times, just like the while loop.

Difference Between While and For Loops:

• While-Schleife: Am besten, wenn Sie nicht wissen, wie oft die Schleife ausgeführt werden soll, Sie aber eine Bedingung überprüfen müssen.
• For-Schleife: Am besten, wenn Sie genau wissen, wie oft die Schleife ausgeführt werden soll.

Szenario:
Stellen Sie sich vor, Sie werfen eine Münze. Sie möchten weiterdrehen, bis Sie Köpfe bekommen. Da Sie nicht wissen, wie viele Umdrehungen nötig sind, verwenden Sie eine While-Schleife, um so lange umzudrehen, bis Sie Kopf bekommen.

Wenn Sie nun die Münze genau fünf Mal werfen möchten, verwenden Sie eine for-Schleife, da Sie wissen, dass Sie unabhängig vom Ergebnis genau fünf Würfe benötigen.

Zusammenfassung:

• While-Schleife: Fälscht weiter, bis Kopf entsteht.
• For-Schleife:Wirft die Münze genau fünfmal.

Schleifen zu verstehen war etwas mühsam, aber diese Übung hat mir geholfen zu erkennen, wie nützlich sie bei der effizienten Wiederholung von Aufgaben in meinem Code sind.

Meine Erfahrung

Ich war so frustriert und gestresst. Es ging mir so auf die Nerven, dass ich fast das Gefühl hatte, meinen PC kaputtzumachen. Es war einfach so überwältigend! Können Sie mir bitte helfen, herauszufinden, wo alles schief gelaufen ist? ....?‍♂️?‍♂️?‍♂️?‍♂️, ich musste mich mit so vielen Fehlern auseinandersetzen, und das Debuggen hat meinen Stress nur noch erhöht. Aber ich beschloss, eine Pause einzulegen, meine Gedanken neu zu denken und schließlich das Problem herauszufinden. Ich sagte mir immer wieder, dass ich die beste Version von mir selbst sein könnte, egal was passiert.

Aber Javascript...????

Abschluss

Tag 1 war produktiv, da ich eine solide Grundlage in JavaScript gelegt habe, indem ich etwas über Variablen, logische Operationen, Datentypen und bedingte Anweisungen gelernt habe. Ich begann auch zu untersuchen, wie JavaScript über Ereignis-Listener mit Benutzeraktionen interagiert. Ich freue mich darauf, diese Reise fortzusetzen und mein Verständnis von JavaScript in Zukunft zu vertiefen.

Bitte liken, teilen, abonnieren und folgen Sie uns, um mehr zu erfahren, und kommentieren Sie auch, welches Getränk ich für diesen Javascript-Hamburger nehmen sollte ... lol???

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!