- 
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/flashcard.html b/flashcard.html
deleted file mode 100644
index 9d77266..0000000
--- a/flashcard.html
+++ /dev/null
@@ -1,100 +0,0 @@
-
-
-
-
- flashcards
-
-
-
-
-
-
-
-
-
-
-
- Flashcard App :: Home
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/script.js b/script.js
deleted file mode 100644
index 880e9a5..0000000
--- a/script.js
+++ /dev/null
@@ -1,337 +0,0 @@
-
-
-const container = document.querySelector(".container");
-const addQuestionCard = document.getElementById("add-question-card");
-const cardButton = document.getElementById("save-btn");
-const question = document.getElementById("question");
-const answer = document.getElementById("answer");
-const errorMessage = document.getElementById("error");
-const addQuestion = document.getElementById("add-flashcard");
-const closeBtn = document.getElementById("close-btn");
-const saveFlashcardsBtn = document.getElementById("save-flashcards");
-const viewFlashcardsBtn = document.getElementById("view-flashcards");
-let editBool = false;
-let tempQuestion;
-let tempAnswer;
-
- addQuestion.addEventListener("click", () => {
- container.classList.add("hide");
- question.value = "";
- answer.value = "";
- addQuestionCard.classList.remove("hide");
-});
-
- closeBtn.addEventListener("click", () => {
- container.classList.remove("hide");
- addQuestionCard.classList.add("hide");
- if (editBool) {
- editBool = false;
- submitQuestion();
- }
-});
-
- cardButton.addEventListener("click", () => {
- editBool = false;
- tempQuestion = question.value.trim();
- tempAnswer = answer.value.trim();
- if (!tempQuestion || !tempAnswer) {
- errorMessage.classList.remove("hide");
- } else {
- container.classList.remove("hide");
- errorMessage.classList.add("hide");
- viewlist();
- question.value = "";
- answer.value = "";
- }
-});
-saveFlashcardsBtn.addEventListener("click", () => {
- saveFlashcards();
-});
-viewFlashcardsBtn.addEventListener("click", () => {
- displayFlashcards();
-});
-function viewlist() {
- var listCard = document.getElementsByClassName("card-list-container");
- var div = document.createElement("div");
- div.classList.add("card");
- div.innerHTML += `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/flashcard.html b/flashcard.html
deleted file mode 100644
index 9d77266..0000000
--- a/flashcard.html
+++ /dev/null
@@ -1,100 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/index.html b/index.html
deleted file mode 100644
index 9de7a72..0000000
--- a/index.html
+++ /dev/null
@@ -1,103 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Introduction
-- This is a Code First Girls Project builts using html,css and javascript - by a team of three aspiring developer. - The project tittled Flashcard is aimed at student who are newly learning how to code, - Its an alternative way to learn develop and store relevant coding contents hence - the reason why we have created this project. - Flashcards are small note cards used for testing and improving memory - through practiced information retrieval. Flashcards are typically two-sided, - with the prompt on one side and the information about the prompt on the other. - This may include names, vocabulary, concepts, or procedures. - -
--
TIPS FOR EFFECTIVE PRACTICE SESSIONS
--
-
- 1.Treat it Like an Exam. Don't Just Read Your Flashcards. -
- 2.Say Your Answers Out Loud While Studying. -
- 3.Review the Flashcards You Got Wrong Immediately After Every Practice Session. -
- 4.Switch Between Different Subjects Often (Interleaving). -
- 5.Mix Up the Order of Your Questions (Varied Practice). -
-
- Flashcards
-A flashcard or flash card is a card bearing information on both sides, - which is intended to be used as an aid in memorization. - Each flashcard typically bears a question or definition on one side and - an answer or target term on the other. Flashcards help students to engage in active recall or a process - wherein students actively engage in learning by stimulating our memories - and creating lasting connections to the material. When you create flashcards, - you should incorporate images as well as words to help improve your active recall -
-
-
- About us
-This page tells you about our team, our shared vision for the this project, - history, values, and achievements, and introduce you to each team members - who are part of this project. its alllows you to see out recent and future portfolios - and give room for anyone to reach out to us in case of future collaboration. -
-${tempQuestion}
`; - var displayAnswer = document.createElement("p"); - displayAnswer.classList.add("answer-div", "hide"); - displayAnswer.innerText = tempAnswer; - var link = document.createElement("a"); - link.setAttribute("href", "#"); - link.setAttribute("class", "show-hide-btn"); - link.innerHTML = "Show/Hide"; - link.addEventListener("click", () => { - displayAnswer.classList.toggle("hide"); - }); - div.appendChild(link); - div.appendChild(displayAnswer); - let buttonsCon = document.createElement("div"); - buttonsCon.classList.add("buttons-con"); - var editButton = document.createElement("button"); - editButton.setAttribute("class", "edit"); - editButton.innerHTML = ``; - editButton.addEventListener("click", () => { - editBool = true; - modifyElement(editButton, true); - addQuestionCard.classList.remove("hide"); - }); - buttonsCon.appendChild(editButton); - disableButtons(false); - var deleteButton = document.createElement("button"); - deleteButton.setAttribute("class", "delete"); - deleteButton.innerHTML = ``; - deleteButton.addEventListener("click", () => { - deleteFlashcard(div); - }); - buttonsCon.appendChild(deleteButton); - div.appendChild(buttonsCon); - listCard[0].appendChild(div); - hideQuestion(); -} - -function modifyElement(element, isEdit) { - // Implement the functionality for editing or deleting elements -} - -function disableButtons(disabled) { - // Implement the functionality to disable or enable buttons -} -// Function to save flashcards to local storage -function saveFlashcards() { - const flashcards = getFlashcards(); - flashcards.push({ question: tempQuestion, answer: tempAnswer }); - localStorage.setItem("flashcards", JSON.stringify(flashcards)); -} -// Function to retrieve flashcards from local storage -function getFlashcards() { - const storedFlashcards = localStorage.getItem("flashcards"); - return storedFlashcards ? JSON.parse(storedFlashcards) : []; -} -// Function to delete a flashcard -function deleteFlashcard(cardElement) { - const flashcards = getFlashcards(); - const questionText = cardElement.querySelector(".question-div").innerText; - // Find index of the flashcard with the matching question - const index = flashcards.findIndex((flashcard) => flashcard.question === questionText); - if (index !== -1) { - // Remove the flashcard from the array - flashcards.splice(index, 1); - // Update local storage - localStorage.setItem("flashcards", JSON.stringify(flashcards)); - // Remove the card from the DOM - cardElement.parentElement.removeChild(cardElement); - } -} -// Function to display flashcards -function displayFlashcards() { - const flashcards = getFlashcards(); - const listCard = document.querySelector('.card-list-container'); - // Clear existing flashcards - listCard.innerHTML = ''; - // Display each flashcard - flashcards.forEach((flashcard, index) => { - const div = document.createElement('div'); - div.classList.add('card'); - div.innerHTML += `${flashcard.question}
`; - const displayAnswer = document.createElement('p'); - displayAnswer.classList.add('answer-div', 'hide'); - displayAnswer.innerText = flashcard.answer; - const link = document.createElement('a'); - link.setAttribute('href', '#'); - link.setAttribute('class', 'show-hide-btn'); - link.innerHTML = 'Show/Hide'; - link.addEventListener('click', () => { - displayAnswer.classList.toggle('hide'); - }); - div.appendChild(link); - div.appendChild(displayAnswer); - listCard.appendChild(div); - }); -} - - -const pageTop = document.getElementById('page-top'); -const headerNavs = document.querySelector('.nav-bar ul li'); -let activePage = 'home'; - - - -function goToPage(pageName) { - if(pageName === 'About us') { - window.location.href = "about us.html"; - } else if(pageName === 'flashcard') { - window.location.href = "flashcard.html"; - } else { - window.location.href = "index.html"; - } -} - - -const container = document.querySelector(".container"); -const addQuestionCard = document.getElementById("add-question-card"); -const cardButton = document.getElementById("save-btn"); -const question = document.getElementById("question"); -const answer = document.getElementById("answer"); -const errorMessage = document.getElementById("error"); -const addQuestion = document.getElementById("add-flashcard"); -const closeBtn = document.getElementById("close-btn"); -const saveFlashcardsBtn = document.getElementById("save-flashcards"); -const viewFlashcardsBtn = document.getElementById("view-flashcards"); -let editBool = false; -let tempQuestion; -let tempAnswer; - - addQuestion.addEventListener("click", () => { - container.classList.add("hide"); - question.value = ""; - answer.value = ""; - addQuestionCard.classList.remove("hide"); -}); - - closeBtn.addEventListener("click", () => { - container.classList.remove("hide"); - addQuestionCard.classList.add("hide"); - if (editBool) { - editBool = false; - submitQuestion(); - } -}); - - cardButton.addEventListener("click", () => { - editBool = false; - tempQuestion = question.value.trim(); - tempAnswer = answer.value.trim(); - if (!tempQuestion || !tempAnswer) { - errorMessage.classList.remove("hide"); - } else { - container.classList.remove("hide"); - errorMessage.classList.add("hide"); - viewlist(); - question.value = ""; - answer.value = ""; - } -}); -saveFlashcardsBtn.addEventListener("click", () => { - saveFlashcards(); -}); -viewFlashcardsBtn.addEventListener("click", () => { - displayFlashcards(); -}); -function viewlist() { - var listCard = document.getElementsByClassName("card-list-container"); - var div = document.createElement("div"); - div.classList.add("card"); - div.innerHTML += `${tempQuestion}
`; - var displayAnswer = document.createElement("p"); - displayAnswer.classList.add("answer-div", "hide"); - displayAnswer.innerText = tempAnswer; - var link = document.createElement("a"); - link.setAttribute("href", "#"); - link.setAttribute("class", "show-hide-btn"); - link.innerHTML = "Show/Hide"; - link.addEventListener("click", () => { - displayAnswer.classList.toggle("hide"); - }); - div.appendChild(link); - div.appendChild(displayAnswer); - let buttonsCon = document.createElement("div"); - buttonsCon.classList.add("buttons-con"); - var editButton = document.createElement("button"); - editButton.setAttribute("class", "edit"); - editButton.innerHTML = ``; - editButton.addEventListener("click", () => { - editBool = true; - modifyElement(editButton, true); - addQuestionCard.classList.remove("hide"); - }); - buttonsCon.appendChild(editButton); - disableButtons(false); - var deleteButton = document.createElement("button"); - deleteButton.setAttribute("class", "delete"); - deleteButton.innerHTML = ``; - deleteButton.addEventListener("click", () => { - deleteFlashcard(div); - }); - buttonsCon.appendChild(deleteButton); - div.appendChild(buttonsCon); - listCard[0].appendChild(div); - hideQuestion(); -} - -function modifyElement(element, isEdit) { - // Implement the functionality for editing or deleting elements -} - -function disableButtons(disabled) { - // Implement the functionality to disable or enable buttons -} -// Function to save flashcards to local storage -function saveFlashcards() { - const flashcards = getFlashcards(); - flashcards.push({ question: tempQuestion, answer: tempAnswer }); - localStorage.setItem("flashcards", JSON.stringify(flashcards)); -} -// Function to retrieve flashcards from local storage -function getFlashcards() { - const storedFlashcards = localStorage.getItem("flashcards"); - return storedFlashcards ? JSON.parse(storedFlashcards) : []; -} -// Function to delete a flashcard -function deleteFlashcard(cardElement) { - const flashcards = getFlashcards(); - const questionText = cardElement.querySelector(".question-div").innerText; - // Find index of the flashcard with the matching question - const index = flashcards.findIndex((flashcard) => flashcard.question === questionText); - if (index !== -1) { - // Remove the flashcard from the array - flashcards.splice(index, 1); - // Update local storage - localStorage.setItem("flashcards", JSON.stringify(flashcards)); - // Remove the card from the DOM - cardElement.parentElement.removeChild(cardElement); - } -} -// Function to display flashcards -function displayFlashcards() { - const flashcards = getFlashcards(); - const listCard = document.querySelector('.card-list-container'); - // Clear existing flashcards - listCard.innerHTML = ''; - // Display each flashcard - flashcards.forEach((flashcard, index) => { - const div = document.createElement('div'); - div.classList.add('card'); - div.innerHTML += `${flashcard.question}
`; - const displayAnswer = document.createElement('p'); - displayAnswer.classList.add('answer-div', 'hide'); - displayAnswer.innerText = flashcard.answer; - const link = document.createElement('a'); - link.setAttribute('href', '#'); - link.setAttribute('class', 'show-hide-btn'); - link.innerHTML = 'Show/Hide'; - link.addEventListener('click', () => { - displayAnswer.classList.toggle('hide'); - }); - div.appendChild(link); - div.appendChild(displayAnswer); - listCard.appendChild(div); - }); -} - - -const pageTop = document.getElementById('page-top'); -const headerNavs = document.querySelector('.nav-bar ul li'); -let activePage = 'home'; - - - -function goToPage(pageName) { - if(pageName === 'About us') { - window.location.href = "about us.html"; - } else if(pageName === 'flashcard') { - window.location.href = "flashcard.html"; - } else { - window.location.href = "index.html"; -