Исправляет опечатки в блоках кода (#2056)

js/array-filter/index.md

@@ -105,8 +105,8 @@ const languages = ["Java", "TypeScript", "C#", "JavaScript", "Julia"]
 
 languages.filter(function (item, index, arr) {
   console.log("Текущий элемент " + item)
-  сonsole.log("Индекс " + index)
-  сonsole.log("Массив " + arr)
+  console.log("Индекс " + index)
+  console.log("Массив " + arr)
 
   return index >= 3
 })

js/array-find/index.md

@@ -19,10 +19,10 @@ tags:
 Опишем функцию, которая позволит определить, есть ли в списке дел моё любимое занятие. Поставим в константу просмотр сериальчиков и будем проверять: если занятие из ToDo-списка совпадает с моим хобби, то вернём его. В списке дел на завтра нет просмотра сериалов, а значит, вернётся `undefined`.
 
 ```js
-function isMyFavouriteHobby(element, index, array) {
-  const myFavouriteHobby = "смотреть сериальчики";
+function isMyFavoriteHobby(element, index, array) {
+  const myFavoriteHobby = "смотреть сериальчики";
 
-  return element === myFavouriteHobby;
+  return element === myFavoriteHobby;
 }
 
 const currentToDoList = [
@@ -40,10 +40,10 @@ const tomorrowToDoList = [
 ];
 
 // Результат выполнения: смотреть сериальчики
-console.log(currentToDoList.find(isMyFavouriteHobby));
+console.log(currentToDoList.find(isMyFavoriteHobby));
 
 // Результат выполнения: undefined, не найдено
-console.log(tomorrowToDoList.find(isMyFavouriteHobby));
+console.log(tomorrowToDoList.find(isMyFavoriteHobby));
 ```
 
 ## Интерактивный пример

js/array-foreach/index.md

@@ -50,9 +50,9 @@ function sliceFruit(fruit) {
   console.log("Разрезаю " + fruit + "!")
 }
 
-const fruites = ["🍎", "🍊", "🍋", "🍓", "🥝"]
+const fruits = ["🍎", "🍊", "🍋", "🍓", "🥝"]
 
-fruites.forEach(sliceFruit)
+fruits.forEach(sliceFruit)
 ```
 
 Или создать её прямо в месте вызова:
@@ -78,8 +78,8 @@ const food = ["🍔", "🍟", "🍦"]
 
 food.forEach((item, index, arr) => {
   console.log("Текущий элемент " + item)
-  сonsole.log("Его индекс " + index)
-  сonsole.log("Исходный массив " + arr)
+  console.log("Его индекс " + index)
+  console.log("Исходный массив " + arr)
 })
 ```
 

js/array-length/index.md

@@ -102,14 +102,14 @@ console.log(anotherEmptyArray.length)
 2️⃣ При записи нового элемента в индекс далеко за пределами массива. В этом случае между последним элементом и новым появляется «дыра» из пустых ячеек:
 
 ```js
-const prorities = ['sleep', 'eat', 'drink']
-console.log(prorities.length)
+const priorities = ['sleep', 'eat', 'drink']
+console.log(priorities.length)
 // 3
 
-prorities[999] = 'work'
-console.log(prorities.length)
+priorities[999] = 'work'
+console.log(priorities.length)
 // 1000
-console.log(prorities)
+console.log(priorities)
 // ['sleep', 'eat', 'drink', <996 empty slots>, 'work']
 ```
 

js/array-reduce/index.md

@@ -137,7 +137,7 @@ for (let i = 0; i < bankAccounts.length; i++) {
 
   // В каждой итерации прибавляем
   // к текущей сумме количество денег на счету
-  totalAmount += currentAccount.amout
+  totalAmount += currentAccount.amount
 }
 ```
 

js/array-some/practice/windrushfarer.md

@@ -4,6 +4,6 @@
 const drinks = ['🍺', '🍺', '🥃', '🍺', '🍺']
 
 if (drinks.some(drink => drink === '🥃')) {
-  console.log('Order wiskey')
+  console.log('Order whiskey')
 }
 ```

js/arrays/practice/nlopin.md

@@ -37,7 +37,7 @@ const catProfile = [
 ]
 
 // старый подход:
-// если из массива нужна пара значений, то прочитать их и сохранить в перменную
+// если из массива нужна пара значений, то прочитать их и сохранить в переменную
 let catName = catProfile[0]
 let catBreed = catProfile[1]
 

js/async-await/index.md

@@ -66,8 +66,8 @@ function getMainActorProfileFromMovie(id) {
       const characterUrl = movie.characters[0].split("//")[1]
       return fetch(`https://${characterUrl}`)
     })
-    .then((charactrerResponse) => {
-      return charactrerResponse.json()
+    .then((characterResponse) => {
+      return characterResponse.json()
     })
     .catch((err) => {
       console.error("Произошла ошибка!", err)
@@ -88,8 +88,8 @@ async function getMainActorProfileFromMovie(id) {
     const movie = await movieResponse.json();
 
     const characterUrl = movie.characters[0].split('//')[1];
-    const charactrerResponse = await fetch(`https://${characterUrl}`);
-    return charactrerResponse.json();
+    const characterResponse = await fetch(`https://${characterUrl}`);
+    return characterResponse.json();
   } catch (err) {
     console.error('Произошла ошибка!', err);
   }

js/cookie/index.md

@@ -92,10 +92,10 @@ console.log(document.cookie);
 
 ```js
 function getCookie() {
-  return document.cookie.split("; ").reduce((accum, item) => {
+  return document.cookie.split("; ").reduce((acc, item) => {
     const [name, value] = item.split("=");
 
-    return { ...accum, [name]: value };
+    return { ...acc, [name]: value };
   }, {});
 }
 

js/dom/index.md

@@ -23,7 +23,7 @@ DOM (Document Object Model) — это специальная древовидн
 - `title` — заголовок документа. Браузер обычно показывает его на вкладке.
 
 ```js
-console.log(document.title) // напечатать в консоль текущее называние старницы
+console.log(document.title) // напечатать в консоль текущее называние страницы
 document.title = "Мое название документа" // установить свое название
 ```
 

js/element-hidden/index.md

@@ -16,7 +16,7 @@ tags:
 Обращение к свойству `Element.hidden` вернёт текущее значение HTML-атрибута `hidden`. Если атрибута нет на элементе, результат будет `false`.
 
 ```html
-<input type="text" placholder="Введите почту">
+<input type="text" placeholder="Введите почту">
 <div class="error" hidden>Неправильная почта</div>
 ```
 
@@ -52,11 +52,11 @@ input.hidden = false
 
 HTML-атрибут `hidden` существует очень давно и работает так же как `display: none`. Когда атрибут активен, элемент будет не только визуально скрыт, но и не будет занимать место на странице. То есть скрытый элемент будет вести себя так, будто его совсем нет.
 
-Скрывать элементы через `diplay` можно в CSS или с помощью атрибута [`style`](/js/element-style/), но атрибутом `hidden` удобно управлять из JavaScript.
+Скрывать элементы через `display` можно в CSS или с помощью атрибута [`style`](/js/element-style/), но атрибутом `hidden` удобно управлять из JavaScript.
 
 ::: callout ❗️
 
-Приоритет CSS-свойства `diplay` выше, чем у атрибута `hidden`. Если на элементе одновременно установлен атрибут `hidden` и `diplay: block`, то элемент будет виден.
+Приоритет CSS-свойства `display` выше, чем у атрибута `hidden`. Если на элементе одновременно установлен атрибут `hidden` и `display: block`, то элемент будет виден.
 
 :::
 

js/element-innertext/index.md

@@ -87,12 +87,12 @@ statusElement.innerText = 'Data loaded!'
 ```js
 const statusElement = document.getElementById('loading-status')
 
-statusElement.innerText = 'Error occured!'
+statusElement.innerText = 'Error occurred!'
 ```
 
 ```html
 <!-- Больше никакой иконки внутри, только новый текст -->
 <div id="loading-status">
-  Error occured!
+  Error occurred!
 </div>
 ```

js/element-outerhtml/index.md

@@ -87,14 +87,14 @@ HTML после изменения будет:
 :::
 
 ```js
-document.body.outerHTML = '<h1>Я новое содержмое страницы<h1>'
+document.body.outerHTML = '<h1>Я новое содержимое страницы<h1>'
 ```
 
 В результате в документ будет такой HTML:
 
 ```html
 <body>
-  <h1>Я новое содержмое страницы<h1>
+  <h1>Я новое содержимое страницы<h1>
 </body>
 ```
 

js/element-positioning-js/index.md

@@ -184,7 +184,7 @@ document.body.addEventListener("mouseup", () => {
 element.addEventListener("mousedown", (e) => {
   dragging = true
 
-  // В этотм раз мы не сможем считать нужные нам значения напрямую.
+  // В этот раз мы не сможем считать нужные нам значения напрямую.
   // Вместо этого нам потребуется вначале вычислить стиль элемента
   // через window.getComputedStyle(), а затем узнать значение
   // свойства transform.
@@ -197,7 +197,7 @@ element.addEventListener("mousedown", (e) => {
   //
   // Это матрица афинных преобразований.
   // Её можно представить в виде:
-  //     martix(scaleX, skewY, skewX, scaleY, translateX, translateY);
+  //     matrix(scaleX, skewY, skewX, scaleY, translateX, translateY);
   // где:
   //     - scaleX — масштабирование по горизонтали,
   //     - scaleY — масштабирование по вертикали,

js/element-removeeventlistener/practice/windrushfarer.md

@@ -30,11 +30,11 @@ window.addEventListener('click', handleClick)
 Другим примером может быть очищение обработчика по определённому условию. Добавим обработчик события клавиатуры, но по нажатию клавиши <kbd>Esc</kbd> будет очищать его.
 
 ```js
-function handleKepress(event) {
+function handleKeypress(event) {
   console.log('Нажата клавиша:', event.key)
 
   if (event.key === 'Escape') {
-    window.removeEventListener('keypress', handleKepress)
+    window.removeEventListener('keypress', handleKeypress)
   }
 }
 

js/element-scroll-wheel/index.md

@@ -23,7 +23,7 @@ tags:
 ```jsx
 // обрабатываем скролл на всей странице
 document.addEventListener('scroll', function(event) {
-  // регируем на событие
+  // реагируем на событие
   console.log(event);
 });
 

js/fetch/index.md

@@ -84,7 +84,7 @@ fetch("https://somesite.com/admin", {
 // Запрос вернет ошибку 404 Not Found
 fetch("https://jsonplaceholder.typicode.com/there-is-no-such-route").catch(
   () => {
-    console.log("Error occured!")
+    console.log("Error occurred!")
   }
 ) // Никогда не выполнится
 ```
@@ -96,13 +96,13 @@ fetch("https://jsonplaceholder.typicode.com/there-is-no-such-route")
   .then((response) => {
     // Проверяем успешность запроса и выкидываем ошибку
     if (!response.ok) {
-      throw new Error("Error occured!")
+      throw new Error("Error occurred!")
     }
 
     return response.json()
   })
   // Теперь попадём сюда, т.к выбросили ошибку
   .catch((err) => {
     console.log(err)
-  }) // Error: Error occured!
+  }) // Error: Error occurred!
 ```

js/function/practice/doka-dog.md

@@ -29,7 +29,7 @@ const arrowFunc2 = () => 42
 arrowFunc1() === arrowFunc2()
 // Обе функции возвращают 42.
 
-// Также можно возвращать любые структуры и типы даных:
+// Также можно возвращать любые структуры и типы данных:
 const arrowFunc3 = () => "string"
 const arrowFunc4 = () => ["array", "of", "strings"]
 

js/if-else/index.md

@@ -170,7 +170,7 @@ if (username === "Виктор") {
 let discount = 0
 if (userStatus === "VIP") {
   discount = 25
-} else if (userStatus === "priveleged") {
+} else if (userStatus === "privileged") {
   discount = 15
 } else if (userStatus === "clubMember") {
   discount = 5

js/if-else/practice/nlopin.md

@@ -23,7 +23,7 @@ let value = day === "Tuesday" ? 50 : 1 // во вторник значение 5
 let value = 0 // значение по умолчанию
 
 if (externalValue) {
-  value = externalValue // установить значние, если в externalValue что-либо хранится
+  value = externalValue // установить значение, если в externalValue что-либо хранится
 }
 ```
 

js/number-isfinite/index.md

@@ -48,7 +48,7 @@ isFinite("10e3") // true
 ```js
 Number.isFinite("123") // false потому что передана строка
 Number.isFinite({}) // false потому что передан объект
-Number.isFinite(Infinity) // false потому что передали бесконечыность
+Number.isFinite(Infinity) // false потому что передали бесконечность
 Number.isFinite(NaN) // false потому что передали не число
 
 Number.isFinite(123) // true, т.к передали обычное число

js/number/index.md

@@ -215,13 +215,13 @@ console.log(5 < 10)
 // true
 console.log(10 <= 10)
 // true
-conole.log(5 == 10)
+console.log(5 == 10)
 // false
-conole.log(5 === 10)
+console.log(5 === 10)
 // false
-conole.log(5 != 10)
+console.log(5 != 10)
 // true
-conole.log(5 !== 10)
+console.log(5 !== 10)
 // true
 ```
 

js/oop/index.md

@@ -622,7 +622,7 @@ interface CardioVascularSystem {
   // ...
 }
 
-// А всё, что связано с имунной системой, —
+// А всё, что связано с иммунной системой, —
 // в интерфейсе ImmuneSystem.
 interface ImmuneSystem {
   fightInfection: () => void;

js/programming-paradigms/index.md

@@ -111,7 +111,7 @@ function onlyOdd(array) {
 Между собой эти подпрограммы общаются через общую память. Если проводить аналогию с функциями, то они бы общались через глобальные переменные. Как это работает, можно из [статьи «Области видимости»](/js/closures).
 
 ```js
-/* Как пример мы можем расммотреть программу,
+/* Как пример мы можем рассмотреть программу,
   которая использует «подпрограммы» (в нашем случае функции),
   меняя состояние памяти (в нашем случае простой массив битов).
 

js/promise/index.md

@@ -81,7 +81,7 @@ function earnAllMoney() {
     if (result.ok) {
       resolve(result) // успех → переводим промис в fulfilled и передаём результат
     } else {
-      reject(new Error(result)) // ошибка → преводим промис в rejected
+      reject(new Error(result)) // ошибка → переводим промис в rejected
     }
   })
 }
@@ -219,7 +219,7 @@ fetch(`https://swapi.dev/api/films/${id}/`)
   .then(function (movie) {
     // этот then сработает, когда данные о фильме распарсятся
     const characterUrl = movie.characters[0]
-    return fetch(characterUrl) // вызов fetch вернет промис, возвращаем его из колбэка, чвтобы продолжить цепочку
+    return fetch(characterUrl) // вызов fetch вернет промис, возвращаем его из колбэка, чтобы продолжить цепочку
   })
   .then(function (response) {
     // этот then сработает, когда разрешится промис с результатами запроса персонажа

js/return/index.md

@@ -32,7 +32,7 @@ return false
 ```
 
 ```js
-//А этот код верный
+// А этот код верный
 function isAdult(age) {
   return age > 18
 }

js/set-foreach/index.md

@@ -16,8 +16,8 @@ tags:
 ## Пример
 
 ```js
-const watchlist = new Set(['Сияние', 'Интерстеллар', 'Казино'])
-watchlist.forEach(function(value) {
+const watchList = new Set(['Сияние', 'Интерстеллар', 'Казино'])
+watchList.forEach(function(value) {
   console.log(`Нужно посмотреть «${value}»`)
 })
 
@@ -41,8 +41,8 @@ watchlist.forEach(function(value) {
 Использование всех параметров выглядит так:
 
 ```js
-const watchlist = new Set(['Сияние', 'Интерстеллар', 'Казино'])
-watchlist.forEach(function(value, value2, s) {
+const watchList = new Set(['Сияние', 'Интерстеллар', 'Казино'])
+watchList.forEach(function(value, value2, s) {
   console.log(`${this.name}, нужно посмотреть «${value}»`)
 }, {name: 'Евген'})