Home Explore Help
Register Sign In
serg1557733
/
HomeWorks
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

fix folders

serg155alternate 2 years ago
parent
1e35d6a882
commit
eb771c6630
26 changed files with 256 additions and 2 deletions
Split View Show Diff Stats
  1. 12 0
      Class works/func/index.html
  2. 15 0
      Class works/func/script.js
  3. 16 0
      Class works/index.html
  4. 144 0
      Class works/script.js
  5. 10 0
      Class works/style.css
  6. 19 0
      HW10/index.html
  7. 0 0
      HW10/script.js
  8. 0 0
      HW10/style.css
  9. 0 0
      HW4 Associative arrays/index.html
  10. 0 0
      HW4 Associative arrays/script.js
  11. 0 0
      HW4 Associative arrays/style.css
  12. 0 0
      HW5 Structures/index.html
  13. 0 1
      HW5/script.js
  14. 0 0
      HW5 Structures/style.css
  15. 0 0
      HW6 Functions and scopes/index.html
  16. 0 0
      HW6 Functions and scopes/script.js
  17. 0 0
      HW6 Functions and scopes/style.css
  18. 0 0
      HW7 Home Base/index.html
  19. 0 0
      HW7 Home Base/script.js
  20. 0 0
      HW7 Home Base/style.css
  21. 0 0
      HW8 Functioms 2/index.html
  22. 1 1
      HW8/script.js
  23. 10 0
      HW8 Functioms 2/style.css
  24. 19 0
      HW9/index.html
  25. 0 0
      HW9/script.js
  26. 10 0
      HW9/style.css

+ 12 - 0
Class works/func/index.html
View File 

@@ -0,0 +1,12 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <script src="script.js"></script>
 
+</body>
 
+</html>

+ 15 - 0
Class works/func/script.js
View File 

@@ -0,0 +1,15 @@
 
+let arr1 = [1, 2, 3, 4, 5];
 
+
 
+function myFilter (arr, func) {
 
+    let result = [];
 
+    for (let item of arr){
 
+        if(func(item)){
 
+           result.push(item);
 
+        } 
+    }
 
+    console.log(result);
 
+    return result; 
+}
 
+
 
+myFilter(arr1, x => x<2);
 
+myFilter(['cold', 'wanna sleep'], confirm);

+ 16 - 0
Class works/index.html
View File 

@@ -0,0 +1,16 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <link rel="stylesheet" href="style.css">
 
+</head>
 
+<body>
 
+
 
+    <table class="root">
 
+    </table>
 
+    <script src="script.js"></script>
 
+</body>
 
+</html>

+ 144 - 0
Class works/script.js
View File 

@@ -0,0 +1,144 @@
 
+/* let body = {
 
+        tagName: 'body',
 
+        children: [{
 
+                tagName: 'div',
 
+                children: [{
 
+                        tagNAme: 'span',
 
+                        children: 'Enter a data please:'
 
+                    },
 
+                    {
 
+                        tagNAme: 'br'
 
+                    },
 
+                    {
 
+                        tagNAme: 'input',
 
+                        attributs: {
 
+                            type: 'text',
 
+                            id: 'text'
 
+                        }
 
+                    },
 
+                    {
 
+                        tagNAme: 'input',
 
+                        attributs: {
 
+                            type: 'text',
 
+                            id: 'surname'
 
+                        }
 
+                    }
 
+                ]},
 
+                {
 
+                    tagName: 'div',
 
+                    children: [{
 
+                            tagNAme: 'button',
 
+                            children: 'OK',
 
+                            attributs: {
 
+                                id: 'ok'
 
+                            }
 
+                        },
 
+                        {
 
+                            tagNAme: 'button',
 
+                            children: 'Cancel',
 
+                            attributs: {
 
+                                id: 'cancel'
 
+                            }
 
+                        }]
 
+
 
+                }
 
+
 
+            ]  
+        }
 
+
 
+        console.log(body.children[0].children[0].children);
 
+        console.log(body.children[1].children[1].attributs.id); */
 
+
 
+
 
+
 
+
 
+/* let root = document.querySelector('.root');
 
+
 
+for (let i = 0; i < 10; i++){
 
+
 
+    let tr = document.createElement('tr');
 
+    
+    root.append(tr);
 
+    
+    for (let k = 0; k < 10; k++){
 
+
 
+        let td = document.createElement('td');
 
+        
+        if (i === 0) {
 
+            td.innerText = k;
 
+            tr.append(td);
 
+        } else if (k === 0) {
 
+            td.innerText = i;
 
+            tr.append(td);
 
+        } else {
 
+            td.innerText = i * k;
 
+            tr.append(td);
 
+        }  
+    }
 
+}  */
 
+
 
+/* Подсветить ячейку над которой находится курсор мыши.
 
+ Используйте события mouseover и mouseout, 
+ и style.backgroundColor для подсветки.
 
+ */
 
+
 
+/* let td = document.querySelectorAll('td');
 
+
 
+td.forEach((i) => {
 
+    i.onmouseover = () => i.style.backgroundColor = 'yellow';
 
+    i.onmouseout = () => i.style.backgroundColor = '';
 
+}) */
 
+/* 
+Подсветить строку и столбец,
 
+в которой находится подсвеченная ячейка. Используйте parentElement (родительский элемент элемента DOM), и список его детей: children.
 
+Читкоды:
 
+в обработчик события в качестве this передается элемент, на котором событие произошло;
 
+у td есть свойство cellIndex, в котором лежит номер ячейки;
 
+у tr, аналогично есть свойство rowIndex - номер строки; */
 
+
 
+
 
+
 
+/* td.forEach((item, i) => {
 
+    item.onmouseover = () => {
 
+       item.style.backgroundColor = 'yellow'; 
+       item.parentNode.style.backgroundColor = 'green';
 
+       console.log(item.cellIndex);
 
+       console.log(i);
 
+       
+    } 
+
 
+    item.onmouseout = () => {
 
+        item.style.backgroundColor = '';
 
+        item.parentNode.style.backgroundColor = '';
 
+    }
 
+}) */
 
+
 
+
 
+let str = '<table>';
 
+
 
+for (let i = 1; i < 10; i++) {
 
+    str +='<tr>';
 
+    for (let j = 1; j < 10; j++){ 
+        str +=`<td> ${j * i} </td>`;
 
+    }
 
+    str +='</tr>';
 
+}
 
+str +='</table>';
 
+console.log(str);
 
+document.write(str);
 
+
 
+
 
+
 
+let arr = [1, 2, 3, 4];
 
+
 
+/* let sum = 0;
 
+for (let el of arr) {
 
+    sum += el;
 
+}
 
+arr.push(sum);
 
+console.log(arr); */
 
+
 
+let arrsum = arr.reduce((summ, acc) =>  summ + acc);
 
+arr.push(arrsum);
 
+console.log(arr);
 
+

+ 10 - 0
Class works/style.css
View File 

@@ -0,0 +1,10 @@
 
+td {
 
+    border-style: ridge;
 
+    width: 40px;
 
+    height: 40px;
 
+    text-align: center;
 
+    vertical-align: middle;
 
+ }
 
+ tr:nth-child(2n + 1) {
 
+    background-color: rgb(223, 227, 235);
 
+ }

+ 19 - 0
HW10/index.html
View File 

@@ -0,0 +1,19 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>HW2</title>
 
+    <link rel="stylesheet" href="style.css">
 
+</head>
 
+
 
+<body>
 
+    <div class="container">
 
+       
+    </div>
 
+    <script src="script.js"></script>
 
+</body>
 
+
 
+</html>

+ 0 - 0
HW10/script.js
View File


HW5/style.css → HW10/style.css
View File


HW4/index.html → HW4 Associative arrays/index.html
View File


HW4/script.js → HW4 Associative arrays/script.js
View File


HW4/style.css → HW4 Associative arrays/style.css
View File


HW5/index.html → HW5 Structures/index.html
View File


+ 0 - 1
HW5/script.js
View File 

@@ -1,5 +1,4 @@
 
 //ДЗ: Вложенные декларативные структуры и код в них. Отображение циклических и древовидных структур. Циклы.
 
-
 
 //html tree
 
 
 let body = {

HW6/style.css → HW5 Structures/style.css
View File


HW6/index.html → HW6 Functions and scopes/index.html
View File


HW6/script.js → HW6 Functions and scopes/script.js
View File


HW8/style.css → HW6 Functions and scopes/style.css
View File


HW7/index.html → HW7 Home Base/index.html
View File


HW7/script.js → HW7 Home Base/script.js
View File


HW7/style.css → HW7 Home Base/style.css
View File


HW8/index.html → HW8 Functioms 2/index.html
View File


+ 1 - 1
HW8/script.js
View File 

@@ -25,7 +25,7 @@ function sort(array, sortString, bool = 'true') {
 
             if (b[sortString] < a[sortString]) {
 
               return -1;
 
             }
 
-            return 0;
 
+              return 0;
 
           });
 
     }
 
     return array;

+ 10 - 0
HW8 Functioms 2/style.css
View File 

@@ -0,0 +1,10 @@
 
+*, html {
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+.container {
 
+    position: relative;
 
+    max-width: 1140px;
 
+    margin: 0 auto;
 
+    padding: 50px;
 
+}

+ 19 - 0
HW9/index.html
View File 

@@ -0,0 +1,19 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>HW2</title>
 
+    <link rel="stylesheet" href="style.css">
 
+</head>
 
+
 
+<body>
 
+    <div class="container">
 
+       
+    </div>
 
+    <script src="script.js"></script>
 
+</body>
 
+
 
+</html>

+ 0 - 0
HW9/script.js
View File


+ 10 - 0
HW9/style.css
View File 

@@ -0,0 +1,10 @@
 
+*, html {
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+.container {
 
+    position: relative;
 
+    max-width: 1140px;
 
+    margin: 0 auto;
 
+    padding: 50px;
 
+}