Zhigalov · michaeluskov · Oct 25, 2014 · Oct 29, 2014 · Oct 29, 2014 · Oct 31, 2014
diff --git a/.gitignore b/.gitignore
diff --git a/currency.html b/currency.html
diff --git a/currency.js b/currency.js
diff --git a/email.html b/email.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Email validation</title>
+		<script src="email.js"></script>
+	</head>
+	<body>
+		<span style="padding: 5px;">
+			<input type="text" id="email-input" placeholder="Email..."></input>
+		</span>
+	</body>
+</html>
diff --git a/email.js b/email.js
@@ -0,0 +1,25 @@
+var checkEmail = function() {
+	var regexp = /^([\w\-\.]+)@((\[([0-9]{1,3}\.){3}[0-9]{1,3}\])|(([\w\-]+\.)+)([a-zA-Z]{2,4}))$/;
+	var email = document.getElementById('email-input').value;
+	if (email === '') 
+		removeFrame();
+	else if (regexp.test(email))
+		drawFrame('green');
+	else
+		drawFrame('red');
+};
+
+var removeFrame = function() {
+	var input = document.getElementById('email-input');
+	input.parentNode.style.backgroundColor = input.parentNode.parentNode.style.backgroundColor;
+};
+
+var drawFrame = function(color) {
+	var input = document.getElementById('email-input');
+	input.parentNode.style.backgroundColor = color;
+};
+
+
+window.onload = function() {
+	document.getElementById('email-input').onkeyup = checkEmail;
+};
diff --git a/images/acync.gif b/images/acync.gif
diff --git a/images/casperjs.png b/images/casperjs.png
diff --git a/images/demoTime.jpg b/images/demoTime.jpg
diff --git a/images/demo_time.jpg b/images/demo_time.jpg
diff --git a/images/karma.png b/images/karma.png
diff --git a/images/main.jpg b/images/main.jpg
diff --git a/images/protractor-logo.png b/images/protractor-logo.png
diff --git a/images/protractor_components.png b/images/protractor_components.png
diff --git a/images/takeAPhoto.jpg b/images/takeAPhoto.jpg
diff --git a/images/take_a_photo.jpg b/images/take_a_photo.jpg
diff --git a/images/yandex_lang_ru.svg b/images/yandex_lang_ru.svg