add task solution

README.md

@@ -8,7 +8,7 @@ Create 2 promises `promise1` and `promise2`.
 
 ## Instructions
 1. Replace `<your_account>` with your Github username in the link
-    - [DEMO LINK](https://<your_account>.github.io/js_promise_basic_DOM/)
+    - [DEMO LINK](https://zarubina20.github.io/js_promise_basic_DOM/)
 2. Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/)
     - Run `npm run test` command to test your code;
     - Run `npm run test:only -- -n` to run fast test ignoring linter;

src/scripts/main.js

@@ -1,3 +1,52 @@
 'use strict';
 
 // write your code here
+const promise1 = new Promise((resolve) => {
+  document
+    .querySelector('.logo')
+    .addEventListener('click', () => resolve(), { once: true });
+});
+
+promise1.then(() => {
+  const div = document.createElement('div');
+
+  div.className = 'message';
+
+  div.textContent = 'Promise was resolved!';
+
+  document.body.appendChild(div);
+});
+
+promise1.catch(() => {
+  const div = document.createElement('div');
+
+  div.className = 'message error-message';
+
+  div.textContent = 'Promise was rejected!';
+
+  document.body.appendChild(div);
+});
+
+const promise2 = new Promise((resolve, reject) => {
+  setTimeout(() => reject(new Error('Timed out')), 3000);
+});
+
+promise2.then(() => {
+  const div = document.createElement('div');
+
+  div.className = 'message';
+
+  div.textContent = 'Promise was resolved!';
+
+  document.body.appendChild(div);
+});
+
+promise2.catch(() => {
+  const div = document.createElement('div');
+
+  div.className = 'message error-message';
+
+  div.textContent = 'Promise was rejected!';
+
+  document.body.appendChild(div);
+});