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

commit

Pavel 7 years ago
parent
f4748a5552
commit
a1f987f572
4 changed files with 78 additions and 0 deletions
Split View Show Diff Stats
  1. 40 0
      js02/js02-blackbelt/css/styles.css
  2. 23 0
      js02/js02-blackbelt/index.html
  3. 4 0
      js02/js02-blackbelt/js/jquery-3.2.1.min.js
  4. 11 0
      js02/js02-blackbelt/js/js02-blackbelt.js

+ 40 - 0
js02/js02-blackbelt/css/styles.css
View File 

@@ -0,0 +1,40 @@
 
+body {
 
+	font-family: Arial, sans-serif;
 
+	background: #27ACD7;
 
+	color: #697A7D;
 
+}
 
+
 
+form {
 
+	margin: 0 auto;
 
+	text-align: center;
 
+	width: 350px;
 
+	background-color: #FFF;
 
+	padding: 10px;
 
+	border: 5px solid #469DB7;
 
+	border-radius: 5px;
 
+}
 
+
 
+input[type=text] {
 
+	width: 250px;
 
+	height: 20px;
 
+	background-color: #fff;
 
+	border: 3px solid #EFF4F7;
 
+	box-shadow: inset 1px 1px 0.5px #D7D9D9;
 
+	padding-left: 10px;
 
+	color: #697A7D;
 
+}
 
+
 
+input {
 
+	margin: 5px 0 5px;
 
+	outline: none;
 
+}
 
+
 
+#button {
 
+	padding: 10px;
 
+	background-color: #DAEBF3;
 
+	border-radius: 30px;
 
+	color: #697A7D;
 
+	font-size: 14px;
 
+	font-weight: bold;
 
+	margin-bottom: 7px;
 
+}

+ 23 - 0
js02/js02-blackbelt/index.html
View File 

@@ -0,0 +1,23 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>js02</title>
 
+	<link rel="stylesheet" href="css/styles.css">
 
+</head>
 
+<body>
 
+	<form action="">
 
+		<label for="flats-on-floor">Сколько квартир на этаже?</label><br>
 
+		<input type="text" id="flats-on-floor"><br>
 
+		<label for="floors">Сколько этажей?</label><br>
 
+		<input type="text" id="floors"><br>
 
+		<label for="flat">Введите номер квартиры</label><br>
 
+		<input type="text" id="flat"><br>
 
+		<input type="submit" id="button" value="Рассчитать"><br>
 
+		<div id="result"></div>
 
+	</form>
 
+	
+	<script src="js/jquery-3.2.1.min.js"></script>
 
+	<script src="js/js02-blackbelt.js"></script>
 
+</body>
 
+</html>

File diff suppressed because it is too large
+ 4 - 0
js02/js02-blackbelt/js/jquery-3.2.1.min.js


+ 11 - 0
js02/js02-blackbelt/js/js02-blackbelt.js
View File 

@@ -0,0 +1,11 @@
 
+
 
+$("#button").click(function(){
 
+	var flatsOnFloor = parseInt($('#flats-on-floor').val());
 
+	var floors = parseInt($('#floors').val());
 
+	var flat = parseInt($('#flat').val());
 
+	flatsOnEntrance = flatsOnFloor * floors;
 
+	var entrance = Math.ceil(flat / flatsOnEntrance);
 
+	var floor = Math.ceil((flat  - flatsOnEntrance * (entrance - 1)) / flatsOnFloor);
 
+	$('#result').html(entrance + " подъезд, " + floor + " этаж");
 
+	return false;
 
+});