Первый день конкурса «100 дней»

Дата: 21.08.2024

Цель: Изучить и понять переменные, логические операции и типы данных в JavaScript, решить математическую задачу с помощью JavaScript и начать изучать прослушиватели событий и условные операторы.

1. Введение в переменные JavaScript

Сегодня я начал свое путешествие в JavaScript с изучения переменных. Переменная в JavaScript похожа на контейнер, содержащий данные, которые могут быть числом, фрагментом текста или любым другим типом значения. Я научился объявлять переменную, используя ключевые слова let, const и var.

• let позволяет вам создать переменную, которая может измениться позже.
• const создает переменную, которую нельзя переназначить.
• var — это старый способ объявления переменных, но он все еще используется.

2. Понимание логических операций и типов данных

Далее я исследовал логические операции, которые используются для принятия решений в JavaScript. Я узнал об основных логических операторах:

Я также узнал о различных типах данных, таких как:

3. Решение математической задачи с помощью JavaScript

Я применил свои знания о переменных и типах данных для решения простой математической задачи. Задача заключалась в том, чтобы вычислить площадь прямоугольника по его ширине и высоте.

4. Введение в прослушиватели событий

Двигаясь дальше, я начал изучать прослушиватели событий. Прослушиватель событий — это функция, которая ожидает возникновения определенного события, например нажатия пользователем кнопки, а затем запускает какое-либо действие.

Простыми словами:
Прослушиватели событий позволяют JavaScript реагировать на действия пользователя на веб-странице, такие как нажатие кнопки, ввод текста в текстовое поле или наведение курсора на элемент.

Если не нажать

При нажатии на него отображаются данные загрузки.. затем в конечном итоге отображается «Данные, загруженные посредством обратного вызова»

Это работа прослушивателя событий в javascript

5. Понимание условных операторов

Я также узнал об условных операторах, которые позволяют мне принимать решения в моем коде. Условный оператор проверяет, является ли условие истинным или ложным, а затем выполняет блок кода на основе результата.

6. Понимание циклов while и for в JavaScript

Пока цикл:
Цикл while в JavaScript продолжает выполнять блок кода, пока заданное условие истинно. Я изо всех сил старался уловить эту концепцию, представляя ее как человека, который неоднократно задает вопрос, пока не получит правильный ответ.

Простое определение:
Цикл while продолжает выполняться до тех пор, пока определенное условие остается истинным.

Пример:

let number = 1;

while (number 



В этом примере цикл начинается с числа = 1 и продолжает работать, если число меньше или равно 5. Он печатает значение числа, а затем каждый раз увеличивает его на 1.

Цикл для:

Цикл for похож на цикл while, но обычно он более краток и его легче писать, если вы знаете, сколько раз вы хотите запустить цикл.

Простое определение:

Цикл for повторяет блок кода определенное количество раз.

Пример:



for (let i = 1; i 



В этом цикле for i начинается с 1 и увеличивается на 1 после каждого цикла, пока не достигнет 5. Цикл выполняется 5 раз, как и цикл while.

Разница между циклами while и for:

• Пока цикл: Лучше всего, когда вы не знаете, сколько раз цикл должен выполняться, но у вас есть условие для проверки.
• Для цикла: Лучше всего, когда вы точно знаете, сколько раз должен выполняться цикл.

Сценарий:
Представьте, что вы подбрасываете монетку. Вы хотите продолжать переворачивать карты до тех пор, пока не выпадете орлы. Поскольку вы не знаете, сколько переворотов это займет, вам придется использовать цикл while, чтобы продолжать переворачивать, пока не выпадет решка.

Теперь, если вы хотите подбросить монету ровно 5 раз, вам следует использовать цикл for, потому что вы знаете, что вам нужно ровно 5 подбросов, независимо от результата.

В итоге:

• Пока цикл: Продолжает переворачиваться, пока не выпадет решка.
• Для цикла: Подбрасывает монету ровно 5 раз.

Понимание циклов потребовало некоторых усилий, но это упражнение помогло мне увидеть, насколько они полезны для эффективного повторения задач в моем коде.

Мой опыт

Я был так расстроен и напряжен. Меня это действительно задело до такой степени, что мне почти захотелось разбить свой компьютер. Это было так ошеломляюще! Можете ли вы помочь мне понять, где все пошло не так?....?‍♂️?‍♂️?‍♂️?‍♂️, мне приходилось иметь дело с таким количеством ошибок, и их отладка только добавляла мне стресса. Но я решил сделать перерыв, перезагрузить разум и, наконец, понял проблему. Я продолжал говорить себе, что могу быть лучшей версией себя, несмотря ни на что.

Но javascript...????

Заключение

День 1 был продуктивным: я заложил прочную основу в JavaScript, изучая переменные, логические операции, типы данных и условные операторы. Я также начал изучать, как JavaScript взаимодействует с действиями пользователя через прослушиватели событий. Я рад продолжить это путешествие и углубить свое понимание JavaScript в будущем.

Пожалуйста, поставьте лайк, поделитесь, подпишитесь и следите за новостями, а также прокомментируйте, какой напиток мне следует выпить ради этого javascript-гамбургера... лол???