Home Explore Help
Sign In
Entony
/
homework
Watch 1
Star 0
Fork 0
Files Issues 1 Pull Requests 0 Wiki
Browse Source

task for js 17.08

Entony 7 years ago
parent
c61eb963b0
commit
91f35be1e7
7 changed files with 90 additions and 705 deletions
Unified View Show Diff Stats
  1. 2 0
      31.07.2017all/First task/index.html
  2. 88 0
      17.08.2017/js/script.js
  3. 0 11
      27.07.2017all/1/index.html
  4. 0 60
      27.07.2017all/1/js/script.js
  5. 0 167
      31.07.2017all/First task/js/script.js
  6. 0 443
      31.07.2017all/Second task/index.html
  7. 0 24
      31.07.2017all/Second task/js/script.js

+ 2 - 0
31.07.2017all/First task/index.html
View File 

@@ -5,6 +5,8 @@
 
 	<title>first task</title>
 
 	<title>first task</title>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
+	<!-- <canvas id="canvas" width="1024px" height="1000px"></canvas> -->
 
+	<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
 
 	<script src="js/script.js">
 
 	<script src="js/script.js">
 
 	</script>
 
 	</script>
 
 </body>
 
 </body>

+ 88 - 0
17.08.2017/js/script.js
View File 

@@ -0,0 +1,88 @@
 
+// ООП в функциональном стиле
 
+// Оценочное время выподнения 8 ч
 
+// Реальное время 6+ ч
 
+
 
+var $canv = $('<canvas id="canvas" width="1024px" height="1024px"></canvas>');
 
+$($canv).css({
 
+	display: 'flex',
 
+	'justify-content': 'center',
 
+	margin: '0 auto'
 
+}).prependTo('body');
 
+
 
+function Figure(x, y, color) {
 
+	this.x = x;
 
+	this.y = x;
 
+	this.color = color;
 
+}
 
+
 
+function Line(x, y, x2, y2, color) {
 
+	Figure.call(this);
 
+ 	this.x = x;
 
+	this.y = y;
 
+	this.x2 = x2;
 
+	this.y2 = y2;
 
+	this.color = color;
 
+
 
+ 	this.drow = function() {
 
+		var line = canvas.getContext("2d");
 
+		line.beginPath();
 
+		line.moveTo(this.x, this.y);
 
+		line.lineTo(this.x2, this.y2);
 
+		line.strokeStyle = this.color;
 
+		line.stroke();
 
+ 	}
 
+}
 
+
 
+function Rect(x, y, width, height, color) {
 
+	Figure.call(this);
 
+	this.x = x;
 
+	this.y = y;
 
+	this.width = width;
 
+	this.height = height;
 
+	this.color = color;
 
+
 
+ 	this.drow = function() {
 
+ 		var rect = canvas.getContext('2d');
 
+		rect.beginPath();
 
+		rect.rect(this.x, this.y, this.width, this.height);
 
+		rect.strokeStyle = this.color;
 
+		rect.stroke();
 
+ 	}
 
+}
 
+
 
+function Circle(x, y, r, color) {
 
+	Figure.call(this);
 
+	this.x = x;
 
+	this.y = y;
 
+	this.r = r;
 
+	this.color = color;
 
+
 
+ 	this.drow = function() {
 
+ 		var cirle = canvas.getContext('2d');
 
+    	var centerX = this.x;
 
+    	var centerY = this.y;
 
+    	var radius = this.r;
 
+    	cirle.beginPath();
 
+     	cirle.arc(centerX, centerY, radius, 0, 2 * Math.PI);
 
+    	cirle.strokeStyle = this.color;
 
+    	cirle.stroke();
 
+ 	}
 
+}
 
+
 
+
 
+var line = new Line(21, 43, 210, 250, 'red');
 
+var rect = new Rect(260, 130, 60, 120, 'green');
 
+var circle = new Circle(190, 120, 50, 'blue');
 
+
 
+function Canvac() {
 
+	this.add = function(){
 
+ 		for (var i = 0; i < arguments.length; i++) {
 
+ 			var canvas = document.getElementById('canvas');
 
+        	arguments[i].drow();
 
+    	}
 
+	}
 
+}
 
+
 
+var drowArea = new Canvac();
 
+drowArea.add(line, circle);
 
+drowArea.add(rect);

+ 0 - 11
27.07.2017all/1/index.html
View File 

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

+ 0 - 60
27.07.2017all/1/js/script.js
View File 

@@ -1,60 +0,0 @@
 
-// Создайте три переменные. Присвойте первой переменной числовое значение. 
-// Вторая переменная равна первой переменной, увеличенной в три раза. 
-// Третья переменная равна сумме двух первых. Распечатайте все три.
 
-var z = 5, y = z * 3, x = z + y;
 
-console.log (z);
 
-console.log (y);
 
-console.log (x);
 
-
 
-// Создайте переменные firstName и lastName для хранение имени и фамилии, 
-// запишите в них значения из модального окна prompt. 
-// Выведите на экран приветствие (“What’s up John Doe”).
 
-var firstName = prompt(), lastName = prompt();
 
-
 
-alert ('What’s up ' + firstName + ' ' + lastName);
 
-
 
-// Создайте переменные x и y для хранения числа. Значения переменные получают из prompt. 
-// Рассчитайте произведение, частное, разность и сумму этих значений. 
-// Результат последовательно отобразите в модальном окне. 
-var x = +prompt('Enter first number'), y = +prompt('Enter second number');
 
-
 
-alert ('Addition ' + (x+y));
 
-alert ('Subtraction ' + (x-y));
 
-alert ('Division ' + (x/y));
 
-alert ('Multiplication ' + (x*y));
 
-
 
-// У Чжуан-цзы было N яблок, Цзэн-Цзы съел несколько, Чжуан-цзы утверждает, что все.
 
-// Запишите повествование в переменных и выражениях, читая значения из prompt. 
-// Покажите, правду говорит Чжуан-цзы или ложь. (Не используя оператор сравнения.)
 
-var n = +prompt('How many apples does Chuan-czu have?'), e = +prompt('How many apples does Czen-czu eat?');
 
-
 
-alert('Chuan-czu left ' + (n-e) + ' apples');
 
-
 
-// Напишите в переменных формулу для расчета з/п за июль с учетом, 
-// что количество рабочий часов, количество рабочих дней в неделе и рейт
 
-// за час – переменные значения и читаются из prompt.
 
-var workDayInWeek = +prompt('How many working days per week?'), workHour = +prompt('How many working hours?'), payforhour = +prompt('Payment for hourly work?($)'), pay;
 
-
 
-alert('Pay is ' + (pay = workDayInWeek*workHour*payforhour) + '$');
 
-
 
-// Напишите программу, которая без использования оператора сравнения определяет,
 
-// является ли число, введенное пользователем, нечётным.
 
-var x = +prompt('Enter number ');
 
-
 
-alert(!!(x % 2));
 
-
 
-// Напишите программу, которая проверяет, является ли значение, введенное пользователем, числом.
 
-var x = prompt('Enter something');
 
-alert(!isNaN(x)); 
-
 
-// Запишите в переменную случайное число (Math.random()), 
-// умножьте его на 100 и округлите. Получите второе число из окна prompt. 
-// Сравните и отобразите в модальном окне: первое число меньше второго или нет, а также оба значения.
 
-var x = (Math.random(x)*100)^0, y = +prompt('Enter number');
 
-
 
-alert((x < y) + ' ' + (x + ' ' + y));
 
-
 
-// Решение предыдущей задачи запишите в одну строку и отобразите в alert
 
-var x = (Math.random(x)*100)^0, y = +prompt('Enter number');
 
-
 
-alert(x + '<' + y + ' ' + (x < y) + ' ' + (x + ' ' + y));

File diff suppressed because it is too large
+ 0 - 167
31.07.2017all/First task/js/script.js


+ 0 - 443
31.07.2017all/Second task/index.html
View File 

@@ -1,443 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-<head>
 
-	<meta charset="UTF-8">
 
-	<title>task</title>
 
-</head>
 
-<body>
 
-	<div id="content">
 
-	<table>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></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 class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></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></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></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></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></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></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></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>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></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>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></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>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></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>
 
-			<td></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></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>
 
-			<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>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></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></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></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></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></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></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></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 class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></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 class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-		<tr>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-			<td class="none"></td>
 
-		</tr>
 
-
 
-	</table>
 
-</div>
 
-
 
-<table border="1">
 
-	<tr>
 
-		<td>Контрольная</td>
 
-		<td>таблица</td>
 
-		<td>без</td>
 
-		<td>стилей</td>
 
-	</tr>
 
-</table>
 
-	<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
 
-	<script src='js/script.js'></script>
 
-</body>
 
-</html>

+ 0 - 24
31.07.2017all/Second task/js/script.js
View File 

@@ -1,24 +0,0 @@
 
-//оценочное время 120 мин
 
-//затраченное 30 мин
 
-$(document).ready(function (){
 
-	$('table').css({
 
-		'margin' : 'auto',
 
-		'background' : '#eee',
 
-		'border-collapse' : 'collapse',
 
-		'border-spacing' : 0
 
-	});
 
-	$('td').css({
 
-		'border' : '1px solid #000',
 
-		'height' : '10px',
 
-		'width' : '10px'
 
-	})
 
-	$('tr:nth-child(-n+6)').css('background', '#106B63');
 
-	$('tr:nth-child(n+7):nth-child(-n+9)').css('background', '#E7C610');
 
-	$('tr:nth-child(n+10):nth-child(-n+12)').css('background', '#C64A08');
 
-	$('tr:nth-child(n+13):nth-child(-n+15)').css('background', '#B43100');
 
-	$('tr:nth-child(n+16)').css('background', '#102173');
 
-	$('.none').css({
 
-		'background' : '#fff',
 
-		'border' : 'none'
 
-	})
 
-})