Lantik 6 лет назад
Родитель
Сommit
05052a51e3
2 измененных файлов с 260 добавлено и 0 удалено
  1. 92 0
      module2/index.html
  2. 168 0
      module2/script.js

+ 92 - 0
module2/index.html

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>document</title>
+	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+	<script type="text/javascript" src="script.js"></script>
+</head>
+<body>
+
+	<div id="diagramma"></div>
+	<div>
+		<table>
+			<tbody>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td><td></td><td></td><td></td><td></td>
+					<td></td>
+				</tr>
+				
+			</tbody>
+		</table>
+	</div>
+</body>
+</html>

+ 168 - 0
module2/script.js

@@ -0,0 +1,168 @@
+
+
+// 1. Напишите функцию, которая возвращает массив, 
+// очищенный от пустых значений, не меняя исходный
+
+var arr = [0, '0', '', null, {}, [], [1, 2, 3]],
+	arr2 = [];
+
+function clean(arr) {
+
+	for(var i = 0; i < arr.length; i++) {
+
+		if (arr[i] !== "") {
+
+			if (Array.isArray(arr[i])) {
+				if (arr[i].length !== 0) {
+					arr2.push(arr[i]);
+				}
+				
+			} else if (arr[i] in arr || arr[i] == null) {
+				arr2.push(arr[i]);
+			}
+		}
+	}
+
+	return arr2;
+};
+
+clean(arr);
+
+// 2. Напишите функцию-аналог splice, 
+// не используя никакие методы массива.
+
+var arr1 = ['Привет', 'как', 'дела?'],
+	arr2 = [];
+
+function newSplice(arr, index, deleteCount, ...elements) {
+
+	if (elements.length == 0) {
+
+		for(var i = 0; i < arr.length; i++) {
+
+			if (arr.indexOf(arr[i]) < index || arr.indexOf(arr[i]) > index + deleteCount - 1) {
+
+				arr2[arr2.length] = arr[i];
+			}
+		};
+
+		return arr2;
+	} else {
+
+		var c = 0;
+		for(var i = 0; i < arr.length; i++) {
+
+			if (i >= index && i <= index+deleteCount-1) {
+
+				arr[i] = elements[c++];
+			}
+		}
+	}
+
+	return arr;
+
+};
+
+newSplice(arr1, 1, 1);
+
+// 3. Напишите функцию, которая возвращает сумму всех чисел, 
+// переданных в качестве аргументов, число которых не ограничено. 
+// Функция работает только с числами (включая строковые). 
+// Если какой-то из параметров - массив, то к сумме добавляется 
+// также сумма значений этого массива (если какое-либо из значений 
+// этого массива также является массивом, то к результату 
+// добавляется также и сумма его значений, и так далее).
+
+
+
+function sum() {
+
+    var arr = [].slice.apply(arguments);
+
+    function sumRecursion(arr) {
+
+        return arr.reduce(function (sum, elem) {
+         
+            if ( isNumber(elem) ) sum += +elem;
+            else if ( Array.isArray(elem) ) sum += sumRecursion(elem);
+            return sum;
+        }, 0); 
+    }
+    return sumRecursion(arr);
+}
+function isNumber(val) {
+    return !isNaN(parseFloat(val)) && isFinite(val);
+}
+var sum = sum(1, '1', 'one', [2, '2', 'two']);
+console.log( sum );
+
+
+// 4. Напишите функцию, которая рисует в указанном HTML-контейнере 
+// диаграмму из данных, представляющих из себя массив объектов: 
+// каждый объект имеет свойства color и value, означающих соответственно 
+// цвет столбца и его высоту.
+
+function buildDiagram(obj, diag) {
+
+
+};
+
+
+var data1 = [ {color: '#DE9797', value: 70}];
+buildDiagram(data1, '#diagram1');
+var data2 = [ {color: '#97DEDA', value: 20}];
+buildDiagram(data2, '#diagram2');
+
+
+// 5. Напишите функцию, которая изображает в теге HTML картинку 
+// по данным, представляющим из себя двумерный массив 
+// закрашенных точек.
+
+$(document).ready(function() {
+	$("td").css({
+		"width": "10px",
+		"height": "10px",
+		"border": "1px solid #555"
+	});
+
+	$("table").css({         
+		"border-spacing": "0px"
+	});
+
+	var points = [
+		[3, 4, 5],
+		[2, 3, 9, 16],
+		[1, 2, 9, 10, 15, 16],
+		[1, 2, 5, 6, 9, 10, 11, 12, 13, 14, 15, 16],
+		[1, 2, 4, 5, 6, 7, 9, 12, 13, 16],
+		[1, 2, 3, 4, 5, 6, 7, 8, 9, 12, 13, 16],
+		[2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 14, 15, 16],
+		[2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14, 15],
+		[2, 3, 4, 7, 8, 12, 13],
+		[2, 3, 7, 8],
+		[2, 3, 4, 5, 7, 8, 9],
+		[2, 3, 4, 5, 7, 8, 9],
+	];
+
+	function draw(arr) {
+
+		// arr = [][];
+
+		for(var i = 0; i < arr.length; i++) {
+		
+			// var tr = document.querySelector("tr:nth-child("+i+")");
+
+			arr[i].forEach(function(item) {
+				
+				$("tr:nth-child("+ +(i+1)+") > td:nth-child("+item+")").css({
+					"background": "black"
+				});
+				
+			});		
+		}
+	};
+
+	draw(points);
+});
+
+