Browse Source

Загрузить файлы 'JS04'

LesIurii 5 years ago
parent
commit
2dc52928e9
3 changed files with 194 additions and 0 deletions
  1. 14 0
      JS04/index.html
  2. BIN
      JS04/main.css
  3. 180 0
      JS04/main.js

+ 14 - 0
JS04/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Page Title</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css">
+    
+</head>
+<body>
+    <script src="main.js"></script>   
+</body>
+</html>

BIN
JS04/main.css


+ 180 - 0
JS04/main.js

@@ -0,0 +1,180 @@
+// html tree
+// var body = {
+//     name: 'body',
+//     paired: true,
+//     children: [
+//         {
+//         name:'div',
+//         paired: true,
+//         children: [
+//             {
+//             name: 'span',
+//             paired: true,
+//             text: 'Enter a data please'
+//             },
+//             {
+//             name: 'br',
+//             paired: false
+//             },
+//             {
+//             name:'input',
+//             paired: false,
+//             type: 'text',
+//             id: 'name'
+//             },
+//             {
+//             name:'input',
+//             paired: false,
+//             type: 'text',
+//             id: 'surname',
+//             },
+//         ]
+//     },
+//         {
+//         name: 'div',
+//         paired: true,
+//         children: [
+//             {
+//             name: 'button',
+//             paired: true,
+//             text: 'OK',
+//             id: 'ok'
+//             },
+//             {
+//             name: 'button',
+//             paired: true,
+//             text: 'Cancel',
+//             id: 'cancel'
+//             }
+//         ]
+//         }
+//     ]
+// }
+
+// declarative fields
+var notebook = {
+    brand: prompt('Enter brand notebook'),
+    type:  prompt('Enter type'),
+    model: prompt('Enter model'),
+    RAM: +prompt('quantity RAM'),
+    SIZE: +prompt('Enter display size'),
+    weight: +prompt('Enter weight'),
+    resolution: {
+        width: +prompt('resolution width'),
+        height: +prompt('resolution height'),
+    },
+};
+var phone = {
+    brand: prompt('Enter brand phone'),
+    model: prompt('Enter model'),
+    ram: prompt('quantity RAM'),
+    color: prompt('Enter color'),
+};
+
+var person = {
+    name: prompt("Enter a name"),
+    surname: prompt("Enter a surname"),
+    married: confirm('Are you married?'),
+}
+
+
+// array fill
+var fill = [];
+for (var i = prompt('Enter element'); i !== null; i = prompt('Enter element')) {
+ fill.push(i);
+}
+console.log(fill);
+
+// array fill nopush - not worked
+var fillNo = [];
+for (var i = prompt('Enter element'); i !== null; i = prompt('Enter element')) {
+ fillNo += fillNo[i];
+}
+console.log(fillNo);
+
+
+// infinite probability
+var i;
+var t = 0;
+while (i = Math.random() < 0.9) {
+ t += 1;
+if (i > 0.9)  {
+ break;
+ }
+}
+alert(t);
+
+// empty loop
+let empty = prompt('Нажми Ok, чтобы закончить');
+while (empty === null) {
+    empty = prompt('Нажми Ok, чтобы закончить');
+}
+
+// progression sum
+let sum = 1;
+let n = prompt('Введите число для арифметической прогрессии');
+for (var i = 0; i < n; i=i+3) {
+sum += i;
+}
+alert(sum);
+
+// chess one line
+let lenStr = 10;
+for (var i=0; i < lenStr; i++) {
+    if (i % 2 === 0){
+        document.write(" ");
+        }
+else document.write("#");
+}
+
+// numbers
+for (var i = 0; i < 10; i++) {
+    document.write("<br>");
+    for (var j = 0; j < 10; j++) {
+    document.write(j);
+    }
+}
+
+// chess
+for (var i = 0; i < 8; i++) {
+    document.write("<br>");
+    if ( i % 2 === 0){
+        for (var j = 0; j < 8; j++) {
+            j % 2 === 0? document.write('.'): document.write('#');
+            }
+        }             
+    else {
+        for (var j = 0; j < 8; j++) {
+            j % 2 === 0? document.write('#'): document.write('.');
+        }
+    }
+}
+// cubes
+document.write("<br>");
+let cubes = [];
+let n = 10;
+for (i = 0; i < n; i++) {
+    cubes[i] = Math.pow(i, 3);
+}
+document.write(cubes);
+
+//  multiply table
+// matrix to html table
+var str ="<table border='1'>";
+for (var i=0; i<10; i++){
+  str += `<tr>`;
+     for (var j=0; j<10; j++){
+    str += `<td>${(i+1)*(j+1)}</td>`;
+    }
+    str +=`</tr>`;
+}
+str += `</table>`
+a.innerHTML = str;
+
+// Задание на синий пояс: Треугольник  
+for (var i = 0; i < 6; i++) {
+    document.write("<br>");
+    for (var j = 1; j < 12; j++) {
+     j < (6-i) || j > (6 + i)? document.write(" . "): document.write("*");
+    }
+}