From 25954bdc1f00d66eb6b4b7b47901fbb1a0dab908 Mon Sep 17 00:00:00 2001 From: Natalia Date: Fri, 10 Aug 2018 15:54:22 +0300 Subject: [PATCH] homework_20 --- js-core/homeworks/homework-20/index.html | 14 ++++++++ js-core/homeworks/homework-20/index.js | 43 ++++++++++++++++++++++++ js-core/homeworks/homework-20/style.css | 0 3 files changed, 57 insertions(+) create mode 100644 js-core/homeworks/homework-20/index.html create mode 100644 js-core/homeworks/homework-20/index.js create mode 100644 js-core/homeworks/homework-20/style.css diff --git a/js-core/homeworks/homework-20/index.html b/js-core/homeworks/homework-20/index.html new file mode 100644 index 0000000..85cb68a --- /dev/null +++ b/js-core/homeworks/homework-20/index.html @@ -0,0 +1,14 @@ + + + + homework_17 + + + + + + + 

+   		
+   	
+
\ No newline at end of file
diff --git a/js-core/homeworks/homework-20/index.js b/js-core/homeworks/homework-20/index.js
new file mode 100644
index 0000000..cabf579
--- /dev/null
+++ b/js-core/homeworks/homework-20/index.js
@@ -0,0 +1,43 @@
+const btn = document.querySelector('button');
+const btnAddUser = document.querySelector('.add');
+const result = document.querySelector('pre');
+
+const serverRequest = () => {
+	const url = 'http://easycode-js.herokuapp.com/Butenko_N/users';
+	const xhr = new XMLHttpRequest();
+	xhr.onreadystatechange = () => {
+		if(xhr.readyState === XMLHttpRequest.DONE) {
+			result.innerHTML = xhr.responseText; 
+			console.log(xhr.responseText);
+		};
+	};
+	xhr.open('GET', url, true);
+	xhr.send();
+};
+
+btn.addEventListener('click', () => {
+	serverRequest();
+});
+
+const serverAddUser = () => {
+	const url = 'http://easycode-js.herokuapp.com/Butenko_N/users';
+	const xhr = new XMLHttpRequest();
+	xhr.addEventListener('onreadystatechange', () => {
+		if(xhr.readyState === XMLHttpRequest.DONE) {
+			result.innerHTML = xhr.responseText; 
+			console.log(xhr.responseText);
+		};
+	});
+	const user = {
+			fullName: 'Виктор Кривенко',
+			email: 'ViktorKriv@ec.ua',
+		};
+	xhr.open('POST', url, true);
+	xhr.setRequestHeader('Content-type', 'application/json');
+	xhr.send(JSON.stringify(user));
+
+};
+
+btnAddUser.addEventListener('click', () => {
+	serverAddUser();
+});
\ No newline at end of file
diff --git a/js-core/homeworks/homework-20/style.css b/js-core/homeworks/homework-20/style.css
new file mode 100644
index 0000000..e69de29