EasyCode-JavaScriptReact-v1 · GeorgeTsendra · Jul 23, 2018
diff --git a/homework-16/index.html b/homework-16/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <script type="text/javascript" src="js.js">
+
+    </script>
+  </body>
+</html>
diff --git a/homework-16/js.js b/homework-16/js.js
@@ -0,0 +1,197 @@
+/*
+ 0 Алгоритмы
+ Реализуйте функцию которая будет превращать трехмерный массив
+ в двухмерный, а если массив двухмерный, тогда в трехмерный массив
+ // solution([ [1, 'a'], [2, 'b'], [3, 'c'] ]) => [ [1, 2, 3], [a, b, c] ]
+ // solution([ [1, 3, 5], [2, 4, 6] ]) => [ [1, 2], [3, 4], [5, 6] ]
+ // solution([[]]) => []
+ [ [ [ ] ] ] = [ [] ]
+ ИСПОЛЬЗУЙТЕ МЕТОДЫ МАССИВОВ !
+ */
+
+ const flatten = arr => {
+   return arr.reduce((newArr, value, index, arr) => {
+     return Array.isArray(value) ?
+      newArr.concat(flatten(value)) :
+      newArr.concat(value)
+    }, [])
+};
+
+const solution = array => {
+  let arr = flatten(array)
+
+  if (array.length == 2) {
+    let firstArr = []
+    let secondArr = []
+    let therdArr = []
+    let resultArr = []
+    arr.forEach((value, index, arr) => {
+      if (arr[index] == 1 || arr[index] == 2) {
+        firstArr.push(value)
+      }
+      if (arr[index] == 3 || arr[index] == 4) {
+        secondArr.push(value)
+      }
+      if (arr[index] == 5 || arr[index] == 6) {
+        therdArr.push(value)
+      }
+    })
+    resultArr.push(firstArr, secondArr, therdArr)
+    console.log(resultArr);
+  }
+  if (array.length == 3) {
+    let stringArr = []
+    let numbArr = []
+    let resultArr = []
+    arr.forEach((value, index, arr) => {
+      if (typeof value == 'number') {
+        numbArr.push(value)
+      }
+      if (typeof value == 'string') {
+        stringArr.push(value)
+      }
+    })
+    resultArr.push(numbArr, stringArr)
+    console.log(resultArr);
+  }
+  if (array.length == 0) {
+    console.log(arr);
+  }
+
+};
+
+solution([
+  [1, 3, [5]],
+  [2, 4, 6]
+]);
+solution([
+  [1, 'a'],
+  [2, 'b'],
+  [3, 'c']
+]);
+solution([
+  [
+    []
+  ]
+])
+
+
+
+
+
+
+
+
+
+const navigation = [
+  {name: 'Главная'},
+  {
+    name: 'Каталог',
+    children: [
+      {
+        name: 'Компьютеры',
+        children: [{name: 'Ноутбуки'}, {name: 'Планшеты'}]
+      }
+    ]
+  },
+  {name: 'Профиль'}
+];
+/*
+ Визуализируйте массив, если в коллекции есть свойство
+ children,
+ тогда создайте вложенный лист
+ name - свойство h1
+ children ul -> li
+ Используйте innerHTML
+<h1>Main</h1>
+<ul>
+  <h1>Catalog</h1>
+  <li>
+    <ul>
+      <h1>Comp</h1>
+      <ul>
+        <li>
+          <h1>Notebook</h1>
+          <h1>...</h1>
+        </li>
+      </ul>
+  </li>
+*/
+// let ul = document.createElement('ul')
+// let h1 = document.createElement('h1')
+// let li = document.createElement('li')
+// let body = document.body;
+
+const visualArray = arr => {
+  let list = arr.map(value =>
+
+    `<li>
+      <h1>
+       ${value.name}
+      </h1>
+
+    </li>`
+  ).join("")
+  let createNewList = arr => {
+    if (!arr) {
+      return ``;
+    }
+    let list = arr.map(value =>
+
+      `<li>
+          <h1>
+          ${value}
+          </h1>
+          ${createNewList(value.children)}
+        </li>`
+    )
+    return `<ul> ${list} </ul>`
+  }
+  return createNewList(arr);
+};
+
+console.log(visualArray(navigation))
+
+/*  ПРИЛОЖЕНИЕ  */
+// Добавьте скрипт который будет рисовать всю страницу с таблицей.
+// https://github.com/aleksandra-maslennikova/telephone-book
+// innerHTML должно быть максимум
+
+/* ТЕСТ */
+
+/*
+* Добавьте реальных вопросов про JavaScript с вариантами
+* ответов
+*
+*/
+
+// 3. При нажатии на кнопку если были выбраны правильные ответы,
+// отображайте "ПРАВИЛЬНО" или не правильно
+// или отображайте значек X или галочку, возле вопроса
+
+
+
+/* @SUPER-FRONT */
+
+/*
+* 4. По нажатию на кнопку(проверить) отобразится "модальное" окно в котором отобразится
+* весь тест с отображенными правильными ответами(обозначьте их) и неправильными(тоже обозначьте)
+* Отобразите количество правильных и неправильных ответов
+* счетчик
+* У модального окна будет 2 кнопки "пересдать" и "отправить"
+* *
+* Если все ответы правильные, кнопка пересдать не активна
+* disabled
+*
+* По нажатию отправить, модальное окно закрывается и на экране надпись "ваши ответы успешно
+* отправлены"
+*
+* --- Если все ответы правильные отобразите картинку
+*
+* По нажатию на пересдать - появляется снова наш тест сначала
+*
+* @Super-FRONT @ 2
+* При загрузке странице добавьте таймер отсчета с милисекундами -> В модальном окне отобразите
+* количество затраченного времени на тест
+*
+* */