diff --git a/tutorials/lab2/README.md b/tutorials/lab2/README.md
index ecd9c0f..2ad7b0c 100644
--- a/tutorials/lab2/README.md
+++ b/tutorials/lab2/README.md
@@ -1,6 +1,6 @@
 # ЛР 2. Calculator. JavaScript
 
-**Цель** данной лабораторной работы - знакомство с инструментами построения пользовательских интерфейсов web-сайтов: HTML, CSS, JavaScript. В ходе выполнения работы, вам предстоит продолжить реализовывать простой калькулятора,  и затем выполнить задания по варианту.
+**Цель** данной лабораторной работы - знакомство с инструментами построения пользовательских интерфейсов web-сайтов: HTML, CSS, JavaScript. В ходе выполнения работы, вам предстоит продолжить реализовывать простой калькулятор, и затем выполнить задания по варианту.
 
 ## План
 
@@ -12,10 +12,21 @@
 
 ## 1. Программирование логики с помощью JavaScript
 
-Язык программирования JavaScript служит основным инструментом для описания логики и интерактивности веб-страниц. В данной работе с помощью Js мы будем программировать кнопки калькулятора.
+Язык программирования JavaScript служит основным инструментом для описания логики и интерактивности веб-страниц. В данной работе с помощью JS мы будем программировать кнопки калькулятора, чтобы они работали.
 
-Как и CSS, js-скрипт можно задать в самом HTML-документе (вложенный скрипт), либо вынести в отдельный файл и сослаться на него в HTML-файле:
+### Как подключить JavaScript к HTML?
 
+Есть два способа добавить JavaScript на веб-страницу:
+
+1. **Встроенный скрипт** - когда код пишется прямо в HTML-файле внутри тега `<script>`:
+```html
+<script>
+    // Здесь пишем JavaScript код
+    console.log("Привет, мир!");
+</script>
+```
+
+2. **Внешний файл** - когда код хранится в отдельном файле с расширением .js:
 ```html
 <head> 
     <title>калькулятор</title>
@@ -24,13 +35,18 @@
 </head>
 ```
 
+Для нашего калькулятора мы будем использовать второй способ, так как это более организованный подход.
+
 ## 2. Доступ к HTML-элементам из JavaScript
 
-Самый распространенный путь доступа к HTML-элементам из скрипта - получение HTML-объекта по его идентификатору. Для этого существует метод `getElementById`:
+Чтобы управлять элементами на странице, нам нужно сначала получить к ним доступ. JavaScript предоставляет несколько способов это сделать:
+
+### Основные методы получения элементов:
 
+1. **По ID** (метод `getElementById`) - самый распространенный способ:
 ```html
 <body>
-    <p id="paragraph">Lorem Ipsum</p>
+    <p id="paragraph" className="textRed">Lorem Ipsum</p>
 
     <!--вложенный JS-скрипт-->
     <script>
@@ -43,121 +59,315 @@
 </body>
 ```
 
-Также JS предоставляет и другие методы получения элементов:
+2. **По тегу** - получаем все элементы определенного типа:
+```js
+// Получить все параграфы на странице
+let paragraphs = document.getElementsByTagName("p")
+```
 
+3. **По классу** - получаем все элементы с определенным классом:
 ```js
-document.getElementsByTagName(name) // поиск элементов по тэгу
-document.getElementsByClassName(name) // поиск элементов определенного css класса
+// Получить все элементы с классом "button"
+let buttons = document.getElementsByClassName("textRed")
 ```
 
 про другие способы взаимодействия с HTML-элементами из JS можно почитать [здесь](https://www.w3schools.com/js/js_htmldom.asp).
 
-## 3. Программирование кнопок калькулятора
 
-```js
-// файл script.js
-window.onload = function(){ 
+### Обработчики событий - это функции, которые будут вызываться при совершении какого-либо события. Обработчики событий могут быть привязаны к конкретным элементам или ко всему документу.
 
-let a = ''
-let b = ''
-let expressionResult = ''
-let selectedOperation = null
+#### События могут быть разными.
+События мыши:
+- click – происходит, когда кликнули на элемент левой кнопкой мыши (на устройствах с сенсорными экранами оно происходит при касании).
+- contextmenu – происходит, когда кликнули на элемент правой кнопкой мыши.
+- mouseover / mouseout – когда мышь наводится на / покидает элемент.
+- mousedown / mouseup – когда нажали / отжали кнопку мыши на элементе.
+- mousemove – при движении мыши.
+События на элементах управления:
+- submit – пользователь отправил форму <form>.
+- focus – пользователь фокусируется на элементе, например нажимает на <input>.
+Клавиатурные события:
+- keydown и keyup – когда пользователь нажимает / отпускает клавишу.
+События документа:
+- DOMContentLoaded – когда HTML загружен и обработан, DOM документа полностью построен и доступен.
+CSS events:
+- transitionend – когда CSS-анимация завершена.
 
-// окно вывода результата
-outputElement = document.getElementById("result")
+И многие другие. В нашем случае мы обрабатываем событие нажатия на кнопку - то есть click.
 
-// список объектов кнопок циферблата (id которых начинается с btn_digit_)
-digitButtons = document.querySelectorAll('[id ^= "btn_digit_"]')
+#### Способы задания обработчиков событий:
 
-function onDigitButtonClicked(digit) {
-    if (!selectedOperation) {
-        if ((digit != '.') || (digit == '.' && !a.includes(digit))) { 
-            a += digit
-        }
-        outputElement.innerHTML = a
-    } else {
-        if ((digit != '.') || (digit == '.' && !b.includes(digit))) { 
-            b += digit
-            outputElement.innerHTML = b        
-        }
-    }
+1. **Через атрибут HTML (inline-обработчик):**
+```html
+<button onclick="alert('Кнопка нажата!')">Нажми меня</button>
+```
+
+2. **Через свойство элемента (как в нашем калькуляторе):**
+```js
+element.onclick = function() {
+    alert('Кнопка нажата!');
 }
+```
 
-// устанавка колбек-функций на кнопки циферблата по событию нажатия
-digitButtons.forEach(button => {
-    button.onclick = function() {
-        const digitValue = button.innerHTML
-        onDigitButtonClicked(digitValue)
-    }
+3. **Через метод addEventListener (современный способ):**
+```js
+element.addEventListener('click', function() {
+    alert('Кнопка нажата!');
+});
+```
+или стрелочная функция
+```js
+element.addEventListener('click', () => {
+    alert('Кнопка нажата!');
 });
+```
 
-// установка колбек-функций для кнопок операций
-document.getElementById("btn_op_mult").onclick = function() { 
-    if (a === '') return
-    selectedOperation = 'x'
-}
-document.getElementById("btn_op_plus").onclick = function() { 
-    if (a === '') return
-    selectedOperation = '+'
-}
-document.getElementById("btn_op_minus").onclick = function() { 
-    if (a === '') return
-    selectedOperation = '-'
+4. **Через метод addEventListener с именованной функцией:**
+```js
+function handleClick() {
+    alert('Кнопка нажата!');
 }
-document.getElementById("btn_op_div").onclick = function() { 
-    if (a === '') return
-    selectedOperation = '/'
+element.addEventListener('click', handleClick);
+```
+
+Во всех вариантах выше при нажатии на кнопку появится на странице алерт с текстом "Кнопка нажата".
+
+Не рекомендуется использовать Inline-обработчики (через HTML), особенно объемных функций, потому что происходит смешивание HTML и JavaScript, что не является хорошей практикой. В первом и втором способе нельзя задать несколько обработчиков события, что позволяет сделать третий способ. Inlinre-обработчик невозможно удалить во время исполнения программы. AddEventListener имеет более гибкую настройку (например, фаза события и другие опции) и считается современным стандартом.
+В нашем калькуляторе мы используем второй способ (через свойство onclick), так как для каждой кнопки нам нужен только один обработчик, и это делает код более простым и понятным.
+
+Функция onсlick имеет объект события, доступ к которому можно получить внутри функции. В примере перечислены некоторые свойства объекта.
+```js
+element.addEventListener('click', function(event) {
+    // вывести тип события, элемент и координаты клика
+    alert(event.type + " на " + event.currentTarget);
+    alert("Координаты: " + event.clientX + ":" + event.clientY);
+});
+```
+
+### Прежде, чем оживить калькулятор, рассмотрим сначала самый простой пример с применением выше перечисленных методов: две строки ввода, одна кнопка "=", результат в консоли
+
+Пользователь вводит два числа с клавиатуры, нажимает кнопку "=", результат выводится в консоль.
+**HTML:**
+```html
+<input id="a" type="number" placeholder="Первое число">
+<input id="b" type="number" placeholder="Второе число">
+<button id="equal">=</button>
+```
+
+**JS:**
+```js
+// обработчик события нажатия на кнопку =
+document.getElementById('equal').onclick = function() {
+    // получение введенного значения, берем элемент по id, затем смотрим на его значение - value
+    // обязательно приводим к числу, потому что знчение value - string,
+    // если мы будем складывать стринги, то получим совсем другое ('4' + '5' = '45' - string,  4 + 5 = 9 - number)
+    const a = Number(document.getElementById('a').value); // например ввели 4
+    const b = Number(document.getElementById('b').value); // например ввели 5
+    const sum = a + b;
+    console.log('Результат:', sum); // в консоли увидим: Результат: 9
 }
+```
+
+**Что происходит:**  
+Вводим числа в поля, нажимаем "=" — результат появляется в консоли браузера.
+
+---
 
-// кнопка очищения
-document.getElementById("btn_op_clear").onclick = function() { 
-    a = ''
-    b = ''
-    selectedOperation = ''
-    expressionResult = ''
-    outputElement.innerHTML = 0
+### Вывод результата на экран (а не в консоль)
+Теперь выведем результат не только в консоль, но и на страницу.
+
+**HTML:**
+```html
+<input id="a" type="number" placeholder="Первое число">
+<input id="b" type="number" placeholder="Второе число">
+<button id="equal">=</button>
+<!-- поле в которое выводится результат -->
+<span id="result"></span>
+```
+
+**JS:**
+```js
+// обработчик события нажатия на кнопку =
+document.getElementById('equal').onclick = function() {
+    // получение значений из полей ввода - поле находим по id
+    const a = Number(document.getElementById('a').value);
+    const b = Number(document.getElementById('b').value);
+    const sum = a + b;
+    // записываем результат в значение элемента (мы будем в калькуляторе записывать в innerHTML)
+    document.getElementById('result').textContent = 'Результат: ' + sum;
+    console.log('Результат:', sum);
 }
+```
 
-// кнопка расчёта результата
-document.getElementById("btn_op_equal").onclick = function() { 
-    if (a === '' || b === '' || !selectedOperation)
-        return
-        
-    switch(selectedOperation) { 
-        case 'x':
-            expressionResult = (+a) * (+b)
-            break;
-        case '+':
-            expressionResult = (+a) + (+b)
-            break;
-        case '-':
-            expressionResult = (+a) - (+b)
-            break;
-        case '/':
-            expressionResult = (+a) / (+b)
-            break;
+**Что происходит:**  
+После нажатия "=" результат появляется на странице и в консоли.
+
+## 3. Программирование кнопок калькулятора
+
+Теперь давайте разберем код калькулятора по частям. У нас число задается по цифрам, а не целиком, как в поле input, поэтому добавим переменные хранения чисел (a и b - достаточно двух, после каждой операции = значение записываем в a, значени b обнуляем), в которые будем записывать введенные цифры, чтобы по итогу получить число. Добавим вспомогательные переменные, чтобы хранить в них значения выбранной операции (чтобы использовать его при нажатии на кнопку =) и результата вычисления, напишем отдельно функцию формирования числа по нажатию на любую цифру и обработчики событий для каждой кнопки.
+
+Файл script.js
+
+### Шаг 1: Инициализация переменных
+```js
+window.onload = function(){ 
+    // Переменные для хранения чисел и операций
+    let a = ''           // Первое число
+    let b = ''           // Второе число
+    let expressionResult = ''  // Результат вычисления
+    let selectedOperation = null  // Выбранная операция
+```
+
+### Шаг 2: Получение доступа к элементам калькулятора 
+Чтобы каждый раз не обращаться к элементам, запомним их в переменные. Поскольку мы их не будем перезаписывать - то переменные будут const
+```js
+    // Получаем доступ к экрану калькулятора в поле вывода
+    const outputElement = document.getElementById("result")
+
+    // Получаем все кнопки с цифрами (их id начинаются с "btn_digit_")
+    const digitButtons = document.querySelectorAll('[id ^= "btn_digit_"]')
+```
+
+Разберем, что означает этот селектор `[id ^= "btn_digit_"]`:
+
+1. `querySelectorAll()` - метод, который позволяет выбрать все элементы, соответствующие CSS-селектору
+2. `[id ^= "btn_digit_"]` - это CSS-селектор атрибутов, где:
+   - `id` - атрибут, по которому мы ищем
+   - `^=` - оператор "начинается с" (starts with)
+   - `"btn_digit_"` - текст, с которого должен начинаться id
+
+Например, этот селектор найдет все элементы с такими id:
+- `btn_digit_0`
+- `btn_digit_1`
+- `btn_digit_2`
+- и так далее...
+
+Это удобно, когда у нас есть группа похожих элементов (в нашем случае - кнопки с цифрами), и мы хотим получить их все сразу, не перечисляя каждый id отдельно.
+
+### Шаг 3: Функция обработки нажатия на цифровые кнопки
+В этой функции формируется число из переданной цифры и сохраненных ранее значений. Эта функция будет вызываться в обработчике события клика на каждую кнопку с цифрой и точку.
+```js
+    function onDigitButtonClicked(digit) {
+        // Если операция не выбрана, работаем с первым числом (a) - после выбора операции начинается ввод второго числа
+        if (!selectedOperation) {
+            // Проверяем, не пытаемся ли мы добавить вторую точку
+            if ((digit != '.') || (digit == '.' && !a.includes(digit))) { 
+                // здесь у нас происходит складывание сохраненного уже числа и нажатой цифры. Оба поля string, поэтому
+                // каждый раз цифра записывается в конец строки. Например: a = '14', digit = '5', 
+                // a += digit - это короткая запись a = a + digit - поэтомоу после этой операции a = '145'
+                a += digit;
+            }
+            outputElement.innerHTML = a;
+        } 
+        // Если операция выбрана, работаем со вторым числом (b)
+        else {
+            if ((digit != '.') || (digit == '.' && !b.includes(digit))) { 
+                b += digit;
+                outputElement.innerHTML = b;        
+            }
+        }
     }
-    
-    a = expressionResult.toString()
-    b = ''
-    selectedOperation = null
+```
 
-    outputElement.innerHTML = a
-}
+### Шаг 4: Настройка обработчиков событий для кнопок
+
+```js
+    // Настраиваем обработчики для цифровых кнопок - для каждой кнопки с цифрой и точкой вызываем выше написанную функцию по формированию числа
+    digitButtons.forEach(button => {
+        button.onclick = function() {
+            // берем текст, написанный на кнопке - он и является цифрой
+            const digitValue = button.innerHTML;
+            onDigitButtonClicked(digitValue);
+        }
+    });
+
+    // Настраиваем обработчики для кнопок операций - сохраняем выбранную операцию в ранее созданную переменную selectedOperation
+    document.getElementById("btn_op_mult").onclick = function() { 
+        if (a === '') return;
+        selectedOperation = 'x';
+    }
+    document.getElementById("btn_op_plus").onclick = function() { 
+        if (a === '') return;
+        selectedOperation = '+';
+    }
+    document.getElementById("btn_op_minus").onclick = function() { 
+        if (a === '') return;
+        selectedOperation = '-';
+    }
+    document.getElementById("btn_op_div").onclick = function() { 
+        if (a === '') return;
+        selectedOperation = '/';
+    }
+```
+
+### Шаг 5: Кнопка очистки
+```js
+    // Очищаем все значения при нажатии на кнопку C (вешаем обработчик события click на кнопку С)
+    document.getElementById("btn_op_clear").onclick = function() { 
+        a = ''
+        b = ''
+        selectedOperation = ''
+        expressionResult = ''
+        outputElement.innerHTML = 0
+    }
+```
+
+### Шаг 6: Кнопка равно
+```js
+    // Вычисляем результат при нажатии на = (вешаем обработчик события click на кнопку =)
+    document.getElementById("btn_op_equal").onclick = function() { 
+        // Проверяем, что у нас есть оба числа и операция
+        if (a === '' || b === '' || !selectedOperation)
+            return
+            
+        // Выполняем выбранную операцию - чтобы не плодить if, воспользуемся удобной и более наглядной функцией сравнения switch, которая на основе значения переданной переменной выполняет нужный кейс. В case указывается ожидаемое точное значение переменной (это может быть любое значение), а затем после : пишется код, который нужно выполнить в данном случае. Case проверяются последовательно, выход из switch происходит при попадании на break или если значение не совпало ни с чем.
+        switch(selectedOperation) { 
+            case 'x':
+                expressionResult = (+a) * (+b)
+                // обязательно пишется в конце действий case, чтобы выйти из switch, иначе продолжится сравнение case дальше
+                break;
+            case '+':
+                expressionResult = (+a) + (+b)
+                break;
+            case '-':
+                expressionResult = (+a) - (+b)
+                break;
+            case '/':
+                expressionResult = (+a) / (+b)
+                break;
+            // желательно (но не обязательно) всегда прописывать дефолтное поведение, в случае если в переменной окажется не перечисленное выше значение. в нашем случае это не нужно.
+            default:
+                break;
+        }
+        
+        // Сохраняем результат и очищаем второе число, чтобы при новом вводе записывать значение нового числа в b
+        a = expressionResult.toString()
+        b = ''
+        selectedOperation = null
+
+        // Показываем результат на экране
+        outputElement.innerHTML = a
+    }
 };
 ```
 
 ## 4. Запуск калькулятора с помощью LiveServer
 
-В приложении VS Code зайдите в расширения и установите Live Server.
+Чтобы увидеть наш калькулятор в действии, нам нужно запустить его на веб-сервере. Для этого мы будем использовать расширение Live Server в VS Code:
+
+1. Откройте VS Code
+2. Перейдите в раздел расширений (Extensions)
+3. Найдите и установите "Live Server"
+4. После установки нажмите кнопку "Go Live" в нижней панели VS Code
 
 ![Фото 1](./assets/live-server.png)
 
-Отлично! Теперь можно запустить наш калькулятор на сервере, нажав на кнопку **Go Live** на нижней панели.
-При изменении кода в файлах страничка на сервере будет автоматически перезагружаться.
+Теперь ваш калькулятор будет работать в браузере, и вы сможете видеть все изменения в реальном времени!
 
 ## 5. Задания для самостоятельной проработки
 
+Попробуйте самостоятельно добавить следующие функции в калькулятор:
+
 1. Запрограммируйте операцию смены знака +/-;
 2. Запрограммируйте операцию вычисления процента %;
 3. Добавьте кнопку стирания введенной цифры назад (backspace). Расположить кнопку можно, например, на месте нерабочих +/- и % кнопок;
@@ -168,5 +378,18 @@ document.getElementById("btn_op_equal").onclick = function() {
 8. Добавьте кнопку, которая за раз добавляет сразу три нуля (000);
 9. Запрограммируйте накапливаемое сложние;
 10. Запрограммируйте накапливаемое вычитание;
-11. Сделайте смену цвета окна вывода результата по кнопке.
-12. Добавьте в калькулятор вашу индивидуальную операцию
+11. Сделайте смену цвета окна вывода результата по кнопке;
+12. Добавьте в калькулятор вашу индивидуальную операцию.
+
+### Подсказки для выполнения заданий:
+
+1. Для смены знака используйте умножение на -1
+2. Для процента делите число на 100
+3. Для backspace используйте метод slice() для строк
+4. Для смены цвета используйте style.backgroundColor
+5. Для корня используйте Math.sqrt()
+6. Для квадрата умножьте число на само себя
+7. Для факториала используйте цикл или рекурсию
+8. Для тройного нуля просто добавьте "000" к строке
+9. Для накапливаемых операций сохраняйте предыдущий результат
+10. Для индивидуальной операции проявите фантазию!
\ No newline at end of file
