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