From 412b91de67c90b143ca0f6c1bdf97812063255e7 Mon Sep 17 00:00:00 2001
From: Mykhailo Oliinyk <mykhailo.oliinyk9@gmail.com>
Date: Wed, 3 Jun 2026 19:37:45 +0300
Subject: [PATCH] Solution

---
 README.md           |  2 +-
 src/scripts/main.js | 27 ++++++++++++++++++++++++++-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 1395a36c..ecd9debd 100644
--- a/README.md
+++ b/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://azesmmisha.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;
diff --git a/src/scripts/main.js b/src/scripts/main.js
index c6e3f878..a1cbf998 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -1,3 +1,28 @@
 'use strict';
 
-// write your code here
+const promise1 = new Promise((resolve) => {
+  document.querySelector('.logo').addEventListener('click', resolve);
+});
+
+const promise2 = new Promise((resolve, reject) => {
+  setTimeout(reject, 3000);
+});
+
+const onSuccess = () => {
+  const div = document.createElement('div');
+
+  div.className = 'message';
+  div.textContent = 'Promise was resolved!';
+  document.body.appendChild(div);
+};
+
+const onError = () => {
+  const div = document.createElement('div');
+
+  div.className = 'message error-message';
+  div.textContent = 'Promise was rejected!';
+  document.body.appendChild(div);
+};
+
+promise1.then(onSuccess, onError);
+promise2.then(onSuccess, onError);