Updates

app.js

@@ -43,11 +43,9 @@ shortlyBtn.addEventListener("click", (e) => {
     }
 });
 function fetchBackupUrl(inputValue) {
-    fetch(`https://ulvis.net/API/write/get?url=${encodeURIComponent(inputValue)}`)
-        .then((response) => response.json())
+    fetch(`http://localhost:3000/shortener?inputValue=${encodeURIComponent(inputValue)}`).then((response) => response.json())
         .then((response) => {
-            if (response.data) {
-                console.log(response.data)
+            if (response.success) {
                 let shortlyCode = response.data.url;
                 resultSkeleton = `<div class="result">
 <p class="inserted-link">${inputValue}</p>
@@ -57,17 +55,16 @@ function fetchBackupUrl(inputValue) {
  <button class="copy-btn">Copy</button>
 </div>
 </div>`;
-                // Check if I have some storage and show results from it
+
                 if (sessionStorage.getItem("resultsStorage") !== null) {
-                    resultStorage = [resultSkeleton, sessionStorage.getItem("resultsStorage")].reverse();
+                    resultStorage = [resultSkeleton, sessionStorage.getItem("resultsStorage")]
                     parentNode.innerHTML = [resultStorage].join('').split(',').join('');
                     sessionStorage.setItem("resultsStorage", [resultStorage].join('').split(',').join(''));
                     resetResults.classList.add("active");
                 }
-                // If I don't have storage just show the first/current result
                 else {
-                    parentNode.innerHTML = resultSkeleton;
-                    // Then push this first result to my storage and then session storage
+                    parentNode.insertAdjacentHTML('afterbegin', resultSkeleton);
+
                     resultStorage.push(resultSkeleton);
                     sessionStorage.setItem("resultsStorage", [resultStorage].join('').split(',').join(''));
                     resetResults.classList.add("active");

app.ts

@@ -67,7 +67,6 @@ shortlyBtn.addEventListener("click", (e) => {
             parentNode.innerHTML = resultSkeleton;
             //then push this first result to my storage and then session storage
             resultStorage.push(resultSkeleton);
-            console.log(resultSkeleton);
             sessionStorage.setItem("resultsStorage", [resultStorage].join('').split(',').join(''));
             resetResults.classList.add("active");
           }

index.html

@@ -11,7 +11,6 @@
     integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
   <link rel="stylesheet" href="styles.css">
-
   <title>Frontend Mentor | Shortly URL shortening API Challenge</title>
 </head>