From 7ab5097ddede51705f6681c09db059ad591ea3de Mon Sep 17 00:00:00 2001 From: Felix Jumason <71150929+Blackie360@users.noreply.github.com> Date: Tue, 22 Oct 2024 12:03:56 +0000 Subject: [PATCH] added a script.js file to enhance functionability --- JavaScript/bookmark_manager/index.html | 35 ++++++++++++++++++++ JavaScript/bookmark_manager/script.js | 44 ++++++++++++++++++++++++++ 2 files changed, 79 insertions(+) create mode 100644 JavaScript/bookmark_manager/index.html create mode 100644 JavaScript/bookmark_manager/script.js diff --git a/JavaScript/bookmark_manager/index.html b/JavaScript/bookmark_manager/index.html new file mode 100644 index 0000000..a6fa600 --- /dev/null +++ b/JavaScript/bookmark_manager/index.html @@ -0,0 +1,35 @@ + + + + + + Bookmark Manager + + + + +
+

Bookmark Manager

+ +
+ + +
+ +
+ +
+
+ + + + diff --git a/JavaScript/bookmark_manager/script.js b/JavaScript/bookmark_manager/script.js new file mode 100644 index 0000000..20533f9 --- /dev/null +++ b/JavaScript/bookmark_manager/script.js @@ -0,0 +1,44 @@ +// Select elements +const bookmarkForm = document.getElementById('bookmarkForm'); +const bookmarkUrl = document.getElementById('bookmarkUrl'); +const bookmarkList = document.getElementById('bookmarkList'); + +// Retrieve bookmarks from localStorage +let bookmarks = JSON.parse(localStorage.getItem('bookmarks')) || []; + +// Function to display bookmarks +function displayBookmarks() { + bookmarkList.innerHTML = ''; + bookmarks.forEach((bookmark, index) => { + bookmarkList.innerHTML += ` +
+ ${bookmark} + +
+ `; + }); +} + +// Function to add a new bookmark +bookmarkForm.addEventListener('submit', (e) => { + e.preventDefault(); + const url = bookmarkUrl.value; + + // Add bookmark and save to localStorage + bookmarks.push(url); + localStorage.setItem('bookmarks', JSON.stringify(bookmarks)); + + // Clear input and update the list + bookmarkUrl.value = ''; + displayBookmarks(); +}); + +// Function to delete a bookmark +function deleteBookmark(index) { + bookmarks.splice(index, 1); + localStorage.setItem('bookmarks', JSON.stringify(bookmarks)); + displayBookmarks(); +} + +// Display bookmarks on page load +displayBookmarks();