HW<SB79RZ2XNFB> done

project/css/normalize.css

@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+ html {
+    line-height: 1.15; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+  }
+  
+  /* Sections
+     ========================================================================== */
+  
+  /**
+   * Remove the margin in all browsers.
+   */
+  
+  body {
+    margin: 0;
+  }
+  
+  /**
+   * Render the `main` element consistently in IE.
+   */
+  
+  main {
+    display: block;
+  }
+  
+  /**
+   * Correct the font size and margin on `h1` elements within `section` and
+   * `article` contexts in Chrome, Firefox, and Safari.
+   */
+  
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+  
+  /* Grouping content
+     ========================================================================== */
+  
+  /**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+  
+  hr {
+    box-sizing: content-box; /* 1 */
+    height: 0; /* 1 */
+    overflow: visible; /* 2 */
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  pre {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /* Text-level semantics
+     ========================================================================== */
+  
+  /**
+   * Remove the gray background on active links in IE 10.
+   */
+  
+  a {
+    background-color: transparent;
+  }
+  
+  /**
+   * 1. Remove the bottom border in Chrome 57-
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+  
+  abbr[title] {
+    border-bottom: none; /* 1 */
+    text-decoration: underline; /* 2 */
+    text-decoration: underline dotted; /* 2 */
+  }
+  
+  /**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+  
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  code,
+  kbd,
+  samp {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /**
+   * Add the correct font size in all browsers.
+   */
+  
+  small {
+    font-size: 80%;
+  }
+  
+  /**
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
+   */
+  
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  
+  sub {
+    bottom: -0.25em;
+  }
+  
+  sup {
+    top: -0.5em;
+  }
+  
+  /* Embedded content
+     ========================================================================== */
+  
+  /**
+   * Remove the border on images inside links in IE 10.
+   */
+  
+  img {
+    border-style: none;
+  }
+  
+  /* Forms
+     ========================================================================== */
+  
+  /**
+   * 1. Change the font styles in all browsers.
+   * 2. Remove the margin in Firefox and Safari.
+   */
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 1 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
+  }
+  
+  /**
+   * Show the overflow in IE.
+   * 1. Show the overflow in Edge.
+   */
+  
+  button,
+  input { /* 1 */
+    overflow: visible;
+  }
+  
+  /**
+   * Remove the inheritance of text transform in Edge, Firefox, and IE.
+   * 1. Remove the inheritance of text transform in Firefox.
+   */
+  
+  button,
+  select { /* 1 */
+    text-transform: none;
+  }
+  
+  /**
+   * Correct the inability to style clickable types in iOS and Safari.
+   */
+  
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+  }
+  
+  /**
+   * Remove the inner border and padding in Firefox.
+   */
+  
+  button::-moz-focus-inner,
+  [type="button"]::-moz-focus-inner,
+  [type="reset"]::-moz-focus-inner,
+  [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+  
+  /**
+   * Restore the focus styles unset by the previous rule.
+   */
+  
+  button:-moz-focusring,
+  [type="button"]:-moz-focusring,
+  [type="reset"]:-moz-focusring,
+  [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+  
+  /**
+   * Correct the padding in Firefox.
+   */
+  
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+  
+  /**
+   * 1. Correct the text wrapping in Edge and IE.
+   * 2. Correct the color inheritance from `fieldset` elements in IE.
+   * 3. Remove the padding so developers are not caught out when they zero out
+   *    `fieldset` elements in all browsers.
+   */
+  
+  legend {
+    box-sizing: border-box; /* 1 */
+    color: inherit; /* 2 */
+    display: table; /* 1 */
+    max-width: 100%; /* 1 */
+    padding: 0; /* 3 */
+    white-space: normal; /* 1 */
+  }
+  
+  /**
+   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+  
+  progress {
+    vertical-align: baseline;
+  }
+  
+  /**
+   * Remove the default vertical scrollbar in IE 10+.
+   */
+  
+  textarea {
+    overflow: auto;
+  }
+  
+  /**
+   * 1. Add the correct box sizing in IE 10.
+   * 2. Remove the padding in IE 10.
+   */
+  
+  [type="checkbox"],
+  [type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+  }
+  
+  /**
+   * Correct the cursor style of increment and decrement buttons in Chrome.
+   */
+  
+  [type="number"]::-webkit-inner-spin-button,
+  [type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+  
+  /**
+   * 1. Correct the odd appearance in Chrome and Safari.
+   * 2. Correct the outline style in Safari.
+   */
+  
+  [type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    outline-offset: -2px; /* 2 */
+  }
+  
+  /**
+   * Remove the inner padding in Chrome and Safari on macOS.
+   */
+  
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  
+  /**
+   * 1. Correct the inability to style clickable types in iOS and Safari.
+   * 2. Change font properties to `inherit` in Safari.
+   */
+  
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button; /* 1 */
+    font: inherit; /* 2 */
+  }
+  
+  /* Interactive
+     ========================================================================== */
+  
+  /*
+   * Add the correct display in Edge, IE 10+, and Firefox.
+   */
+  
+  details {
+    display: block;
+  }
+  
+  /*
+   * Add the correct display in all browsers.
+   */
+  
+  summary {
+    display: list-item;
+  }
+  
+  /* Misc
+     ========================================================================== */
+  
+  /**
+   * Add the correct display in IE 10+.
+   */
+  
+  template {
+    display: none;
+  }
+  
+  /**
+   * Add the correct display in IE 10.
+   */
+  
+  [hidden] {
+    display: none;
+  }

project/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Homework</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+	<link rel="stylesheet" href="css/style.css">
+	<link rel="stylesheet" href="css/normalize.css">
+</head>
+<body>
+
+</body>
+	<script src="js/main.js"></script>
+</html>

project/js/main.js

@@ -0,0 +1,258 @@
+//html tree
+
+/*let body = {
+    tagName:'body',
+    paired: true,
+    attrs:{},
+    subTags: [
+        {
+            tagName:'div',
+            paired:true,
+            subTags: [
+                {
+                    tagName:'span',
+                    paired:true,
+                    text:'Enter a data please',
+                },
+                {
+                    tagName:'br',
+                    paired:true,
+                    attrs:{},
+                },
+                {
+                    tagName:'input',
+                    paired:true,
+                    attrs:{
+                        type:'text',
+                        id:'name',
+                    },
+                },
+                {
+                    tagName:'input',
+                    paired:true,
+                    attrs:{
+                        type:'text',
+                        id:'surname', //body.subTags[0].subTags[3].attrs.id
+                    },
+                }
+            ]
+        },
+        {
+            tagName:'div',
+            paired:true,
+            subTags:[
+                {
+                    tagName:'button',
+                    paired:true,
+                    attrs:{
+                        id:'ok',
+                        text:'ok',
+                    },
+                    tagName:'button', //body.subTags[1].subTags[0].attrs.text
+                    paired:true,
+                    attrs:{
+                        id:'cancel',
+                        text:'Cancel',
+                    },
+                }
+            ]
+        }
+    ]
+}*/
+
+//declarative fields
+/*let notebook = {
+    brand: prompt('Введите название'),
+    type:  prompt('Введите id'),
+    model: prompt('Введите модель'),
+    ram: prompt('Введите кол-во ram'),
+    size: confirm('Вас устроит size-14?') || prompt('Введите данные size'),
+    weight: confirm('Вас устриоть weight 16?') || prompt('Введите данные weight'),
+    resolution: {
+        width: 1920,
+        height: 1080,
+    },
+};
+console.log(notebook)
+let phone = {
+    brand: "meizu",
+    model: "m2",
+    ram: 2,
+    color: "black",
+};
+
+let person = {
+    name: "Donald",
+    surname: "Trump",
+    married: true,
+}*/
+
+//object links
+/*var notebook = {
+    brand: "HP",
+    type:  "440 G4",
+    model: "Y7Z75EA",
+    ram: 4,
+    size: "14",
+    weight: 1.8,
+    resolution: {
+        width: 1920,
+        height: 1080,
+    },
+};
+
+var phone = {
+    brand: "meizu",
+    model: "m2",
+    ram: 2,
+    color: "black",
+};
+
+var person = {
+    name: "Donald",
+    surname: "Trump",
+    married: true,
+}
+person.smartphone=phone;
+person.laptop=notebook;
+phone.owner=person;
+notebook.owner=person;
+console.log(person.smartphone.owner.laptop.owner.smartphone == person.smartphone)*/
+
+//imperative array fill 3
+/*var arr = [];
+arr[0] = prompt('Введите элемент')
+arr[1] = prompt('Введите элемент')
+arr[2] = prompt('Введите элемент')
+*/
+
+//while confirm
+
+/*let con = true;
+do{
+    con = confirm()
+}while(!con)*/
+
+//array fill
+/*arr = [];
+a = prompt('Введит элемент')
+while(a){
+    arr.push(a)
+    a = prompt('Введите элемент')
+}*/
+//array fill nopush
+/*arr = []
+a = prompt('Введит элемент')
+let b = 0;
+while(a){
+    arr[b++] = a;
+    a = prompt('Введите элемент')
+} */
+
+//infinite probability
+/*let cons = 0;
+while(true){
+    if(Math.random() > 0.9){
+        alert(cons)
+        break;
+    }
+    else{
+        cons++
+    }
+}*/
+
+//empty loop
+/*while(prompt() == null){
+}*/
+
+// progression sum
+
+/*let Num;
+for(let i = 1;i < 30 ;i = i +3){
+    alert(i)
+}*/
+
+//chess one line
+
+/*let size = prompt('Введите число')
+var Symbol = "";
+for (let a = 0; a < size; a++){
+    if((a + size)% 2 == 0)
+    Symbol +="#"
+    else
+    Symbol +="#";
+}
+console.log(Symbol)*/
+
+//numbers
+/*let Num = "\n";
+for (let i = 0; i < 10; i++) {
+    for (let j = 0; j < 10; j++) {
+       Num +=j;
+    }
+    Num +="\n";
+}*/
+
+// chess
+/*let size = 10;
+var Symbol = "";
+for (let a = 0; a < size; a++){
+    for(let b = 0; b <6; b++){
+        if((a + b)% 2 == 0)
+        Symbol +=".#."
+        else
+        Symbol +="#";
+    }
+    Symbol +="\n";
+}
+console.log(Symbol)*/
+
+//cubes
+/*var numbers = [1, 2, 3, 4, 5];
+var cubes = new Array;
+for (i in numbers) {
+    cubes[i] = Math.pow(numbers[i], 3);
+    alert(cubes)
+}*/
+
+//multiply table
+
+/*let arr = [];
+for(let i = 0; i <= 10; i++ ){
+    arr[i] = [];
+    for (let j = 0; j <= 10; j++ ){
+        arr[i][j] = i * j;
+    }
+}
+let sum = '';
+for (let i = 1; i < 10; i++) {
+  sum += arr[i].slice(1).join(' ') + '\n';
+}
+console.log(arr);*/
+
+//matrix to html table
+/*var table, row, cell, i, j;
+		var table, row, cell, i, j;
+        table = document.createElement('table');
+	    table.style.textAlign = 'right';
+
+        table.style.fontFamily = 'monospace';
+
+        for (i=1; i<10; i++) {
+
+            row = document.createElement('tr');
+
+            for (j=1; j<10; j++) {
+
+                cell = document.createElement(i == 1 || j == 1 ? 'th' : 'td');
+
+                cell.appendChild(document.createTextNode(i*j));
+
+                cell.style.padding = '4px';
+
+                cell.style.width = 100 / 9 + '%';
+				row.appendChild(cell);
+            }
+            table.appendChild(row);
+        }
+        document.body.appendChild(table);*/