Browse Source

HW 9 done

ostapenkonataliia 1 year ago
parent
commit
cf1c536a13
5 changed files with 336 additions and 56 deletions
  1. 18 17
      .idea/workspace.xml
  2. 1 1
      Js_08/js.js
  3. 38 38
      Js_09/js.js
  4. 11 0
      Js_10/index.html
  5. 268 0
      Js_10/js.js

+ 18 - 17
.idea/workspace.xml

@@ -2,13 +2,11 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="c45bf7d2-992f-400a-8194-6f236ee5f805" name="Changes" comment="">
-      <change afterPath="$PROJECT_DIR$/Js_09/index.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/Js_09/js.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/Js_10/index.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/Js_10/js.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/Js_04/JS.js" beforeDir="false" afterPath="$PROJECT_DIR$/Js_04/JS.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/Js_05/js.js" beforeDir="false" afterPath="$PROJECT_DIR$/Js_05/js.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/Js_08/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/Js_08/index.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/Js_08/js.js" beforeDir="false" afterPath="$PROJECT_DIR$/Js_08/js.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/Js_09/js.js" beforeDir="false" afterPath="$PROJECT_DIR$/Js_09/js.js" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -36,19 +34,19 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "DefaultHtmlFileTemplate": "HTML File",
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "WebServerToolWindowFactoryState": "false",
-    "last_opened_file_path": "C:/A-Level/Mark up",
-    "list.type.of.created.stylesheet": "CSS",
-    "nodejs_package_manager_path": "npm",
-    "settings.editor.selected.configurable": "project.propVCSSupport.DirectoryMappings",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
+    &quot;last_opened_file_path&quot;: &quot;C:/A-Level/Mark up&quot;,
+    &quot;list.type.of.created.stylesheet&quot;: &quot;CSS&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
+    &quot;settings.editor.selected.configurable&quot;: &quot;project.propVCSSupport.DirectoryMappings&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="RecentsManager">
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\A-Level\JS" />
@@ -83,6 +81,9 @@
       <workItem from="1668934156041" duration="2171000" />
       <workItem from="1668936521847" duration="15558000" />
       <workItem from="1669205144329" duration="48636000" />
+      <workItem from="1669384123508" duration="1647000" />
+      <workItem from="1669475690086" duration="3995000" />
+      <workItem from="1669725693806" duration="34828000" />
     </task>
     <servers />
   </component>

+ 1 - 1
Js_08/js.js

@@ -227,7 +227,7 @@ else {
 //         }
 //     })
 
-//8. countries and cities
+//8. countries and cities +
 //По аналогии с предыдущем заданием, реализуйте интерфейс выбора страны и города:
 //
 // по закрузке данных наполняйте select#countries элементами option с названиями стран;

+ 38 - 38
Js_09/js.js

@@ -55,7 +55,7 @@
 // c пустым телом цикла.
 /*{
     let i = 0;
-    while (confirm("Введите что-то") === false) {
+    while (prompt("Введите что-то") === false) {
     }
 } */
 
@@ -63,11 +63,12 @@
 // Подсчитать сумму арифметической прогрессии от 1 до N c шагом 3 (1,4,7....) используя цикл for.
 // Метод Гаусса не применять, наоборот, сделать максимально наивное решение.
 // {
+//     const n = prompt("Задайте число от 1 до n c шагом 3)
 //     let x = 0;
-//     for (let i = 1; i < 20; i+=3){
+//     for (let i = 1; i < n; i+=3){
 //         x += i;
 //     }
-//     console.log(`Сумма всех чисел c шагом 3 - ${x}`)
+//     console.log(`Сумма всех чисел от 1 до ${n} шагом 3 - ${x}`)
 // }
 
 //7.  chess one line +
@@ -81,7 +82,7 @@
 //     console.log(x)
 // }
 
-// 8.  numbers +-
+// 8.  numbers +
 // Сформировать строку c помощью вложенных циклов. Для перевода строки используйте \n.
 //
 // 0123456789
@@ -94,16 +95,19 @@
 // 0123456789
 // 0123456789
 // 0123456789
-/*{
-    for (let i=0;i<9;i++){
-        let str = "";
-        for (let j=0;j<10;j++){
-            str += j;
-        }
-        console.log(str);
-    }
-}*/
-
+//
+// {
+//     let result = ""
+//
+//     for (let i=0; i<10; ++i) {
+//         let line = " "
+//         for (let j=0; j<10; ++j) {
+//             line += j
+//         }
+//         result += line + "\n"
+//     }
+//     console.log(result)
+// }
 // 9. chess +
 // Сформируйте строку с шахматной доской из вложенных циклов. Для перевода строки используйте \n. Код
 // должен поддерживать легкое изменение размеров доски.
@@ -119,41 +123,33 @@
 // .#.#.#.#.#.#
 // #.#.#.#.#.#.
 // {
-//     let res = ""
+//     let result = ""
 //
-//     for (let q=0; q<10; ++q) {
+//     for (let i=0; i<10; ++i) {
 //         let line = ""
-//
-//         for (let w=0; w<10; ++w) {
-//             line += q+w & 1 ? "#" : "."
+//         for (let j=0; j<10; ++j) {
+//             line += i+j & 1 ? "#" : "."
 //         }
-//         res += line + "\n"
+//         result += line + "\n"
 //     }
-//     console.log(res)
+//     console.log(result)
 // }
 
 // 10. cubes +
 // Сформируйте массив из N элементов, содержащий в себе кубы индексов, т. е:
 //
-// [0,1,8,27,64...]
+//[0,1,8,27,64...]
 // {
 //     let arr = [];
 //     let a = 1;
-//     for (let i=0; i<10; i++) {
-//         a = i * i * i;
+//      for (let i=0; i<15; i++) {
+//         a = i**3;
 //         arr.push(a)
 //     }
 //     console.log(arr)
 // }
 
-// 11. multiply table
-// C помощью вложенного цикла сформируйте массив массивов "таблица умножения".
-// Для инициализации вложенных массивов используйте
-// arr[i] = [] //в i-тый элемент массива заносится новый пустой массив
-// arr[5][6] должен быть равен, соответственно, 30, arr[7][2] == 14 и так далее.
-
-
-// 12. read array of objects
+// 12. read array of objects -
 // Напишите функцию readArrayOfObjects, которая циклически добавляет в массив объекты, которые ввел пользователь.
 // Пользователь вводит ключи и значения (их в каждом объекте может быть любое количество), используя prompt.
 // Когда пользователь нажимает "Отмена" в окне prompt, ввод объекта заканчивается и объект добавляется в массив.
@@ -163,12 +159,15 @@
 
 // const result = () => {
 //     let arr = [];
-//     let key, property, ask;
+//     let ask;
 //     while (ask = confirm("Создадим объект")) {
 //         while (ask === true) {
 //             let obj = {};
 //             obj[prompt("Введите ключ")] = prompt('Введите значение для ключа');
 //             console.log(obj)
+//             if (ask === false) {
+//                 break
+//             }
 //         }
 //     }
 // }
@@ -262,12 +261,12 @@
 //     table.appendChild(tr);
 // }
 
-// 15 DOM: highlight cell
+// 15 DOM: highlight cell +
 // Подсветить ячейку, над которой находится курсор мыши. Используйте события mouseover и mouseout,
 // и style.backgroundColor для подсветки. Для того, что бы подсветить правильную ячейку, добавьте обработчики событий
 // во вложенный цикл, и используйте в них ту переменную, которая хранит <td>. В таком случае замыкания вам помогут.
 // Внимание: :hover это читерство :-)
-//
+
 // const table = document.getElementById('table');
 //
 // for (let i = 0; i < 10; i++){
@@ -293,11 +292,11 @@
 // };
 //
 // table.onmouseout = function(event) {
-//     let target = event.target;
+//     target = event.target;
 //     target.style.background = '';
 // };
 
-// 16. DOM: Highlight cross
+// 16. DOM: Highlight cross +
 // Подсветить строку и столбец, в которой находится подсвеченная ячейка. Если у вас обработчики событий объявлены во
 // вложенном цикле, то вы можете пользоваться счетчиками цикла (обычно i и j) и другими переменными, например
 // переменной, содержащей в себе DOM-элемент строки.
@@ -338,4 +337,5 @@
 //     document.querySelectorAll(".highlight").forEach(
 //         item => item.classList.remove("highlight")
 //     );
-// };
+// };
+

+ 11 - 0
Js_10/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script src="js.js"></script>
+</head>
+<body>
+
+</body>
+</html>

File diff suppressed because it is too large
+ 268 - 0
Js_10/js.js