cripi-javascript · IlyaSpirin · Oct 28, 2012 · Oct 30, 2012 · Oct 30, 2012 · azproduction
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,7 @@
+body {
+	width: 450px;
+	margin: auto;
+	margin-top: 50px;
+	margin-bottom: 50px;
+	font-family: sans-serif;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Пример сортировки</title>
+	<link href="css/bootstrap.min.css" rel="stylesheet">
+	<link href="css/style.css" rel="stylesheet">
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/sort_array.js"></script>
+</head>
+<body>
+	<legend>Регистрация:</legend>
+	<form class="form-inline">
+		<input type="text" placeholder="Имя" id="txtName"/>
+		<button type="button" id="btn" class='btn'>Продолжить</button>
+	</form>
+	<p id="result"></p>
+</body>
+</html>
diff --git a/js/bootstrap.min.js b/js/bootstrap.min.js
diff --git a/js/sort_array.js b/js/sort_array.js
@@ -0,0 +1,30 @@
+var userNames = ["ilya", "vasya", "predator", "littlepony"];
+function registerName() {
+	"use strict";
+	var newName = document.getElementById("txtName").value.toLowerCase(),
+		result = document.getElementById("result"),
+		success;
+	if (newName === "") {
+		alert("Введите имя пользователя!");
+		return false;
+	}
+	for (var i = 0; i < userNames.length; i++) {
+		if (userNames[i] === newName) {
+			result.innerHTML = "Данное имя пользователя " + userNames[i] + " уже существует. Выберите другой вариант";
+			success = false;
+			return false;
+		} else {
+			result.innerHTML = "Поздравляем, вы успешно зарегистрировались под именем " + newName;
+			success = true;
+		}
+	}
+	if (success) {
+		userNames.push(newName);
+	}
+	result.innerHTML += "<br />Зарегистрированные пользователи: " + userNames.sort();
+}
+function init() {
+	"use strict";
+	document.getElementById("btn").onclick = registerName;
+}
+onload = init;