diff --git a/index.js b/index.js index de6f002d..431b4cd8 100644 --- a/index.js +++ b/index.js @@ -1,21 +1,17 @@ - - function filterProjects() { const input = document.getElementById('searchInput'); const filter = input.value.toLowerCase(); - const rows = document.querySelector('tbody').querySelectorAll("tr"); // Choose All Rows That Are Present In Table Body - console.log(rows) + const rows = document.querySelector('tbody').querySelectorAll('tr'); // Choose all rows in the table body let hasResults = false; - rows.forEach(table => { - console.log(table) - const projectName = table.querySelector('.').innerText.toLowerCase(); - - if (projectName.includes(filter)) { - table.style.display = ''; + rows.forEach(row => { + const projectName = row.querySelector('.project-name')?.innerText.toLowerCase(); + + if (projectName && projectName.includes(filter)) { + row.style.display = ''; hasResults = true; - } else if (table.id !== 'table-subheader') { - table.style.display = 'none'; + } else if (row.id !== 'table-subheader') { + row.style.display = 'none'; } }); @@ -33,87 +29,74 @@ function filterProjects() { } // Update Navbar for Login Status -const buttons = document.getElementsByClassName("buttons")[0]; // Refers to the section on NavBar where the Buttons will get appended depending on Login Status - +const buttons = document.getElementsByClassName('buttons')[0]; // Refers to the section on NavBar where buttons will get appended based on login status function updateNavbar() { const username = localStorage.getItem('username'); if (username) { - // Buttons to append if login is present - buttons.innerHTML = - ` + buttons.innerHTML = ` - - GitHub + + GitHub - // ----------------------added contributors to navbar--------------------- - + Contributors - - ------------------------------------------------------------------- // ` + `; document.getElementById('logout').addEventListener('click', () => { localStorage.removeItem('username'); updateNavbar(); }); } else { - // buttons to append if login not present - buttons.innerHTML = ` + buttons.innerHTML = ` + Contributors - - GitHub - - - - Log in - ` + + GitHub + + + Log in + `; } } -document.addEventListener('DOMContentLoaded', updateNavbar()); - -document.addEventListener('DOMContentLoaded', fillTable()); - -function fillTable(){ - - data = [["Day 1","To-Do List"," /public/TO_DO_LIST/todolist.html"],["Day 2","Digital Clock"," /public/digital_clock/digitalclock.html"],["Day 3","Indian Flag"," /public/indianflag/flag.html"],["Day 4","Dropdown Nav Bar"," /public/dropdown_navbar/index.html"],["Day 5","Animated Cursor"," /public/Animated-cursor/animated-cursor.html"],["Day 6","Auto Background Image Slider"," /public/Background-Image-sider/slider.html"],["Day 7","Typewriter"," /public/typewriter/typewriter.html"],["Day 8","Parallel-X Website"," /public/Parallel-x%20website/parallal.html"],["Day 9","Captcha Generator"," /public/captcha/captcha.html"],["Day 10","QR Code Generator"," /public/qr%20generator/qr.html"],["Day 11","Serve Website Using Express"," /public/index.html"],["Day 12","Nodemailer Contact Form"," /public/gmail_nodemailer/public/mail.html"],["Day 13","Login Form Using MERN","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/loginusingmern"],["Day 14","File Uploader","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/file_uploader"],["Day 15","Progress Bar"," /public/progress_bar/progress_bar.html"],["Day 16","Scroll Bar CSS"," /public/index.html"],["Day 17","Slider Using Swiper API"," /public/slider%20box/index.html"],["Day 18","Carousel Solar System"," /public/carousal/index.html"],["Day 19","Planto"," /public/plantwebsite/plant.html"],["Day 20","EveSparks"," /public/https://evesparks.onrender.com/"],["Day 21","Video BG Slider Using React"," /public/https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/travel_website"],["Day 22","Page Loader"," /public/pageloader/pageloader.html"],["Day 23","Jarvis Virtual Assistant"," /public/Jarvis-AI-main/index.html"],["Day 24","Chat Bot"," /public/AI%20ChatBot/chatbot.html"],["Day 25","Tic-Tac-Toe"," /public/TicTacToe/index.html"],["Day 26","Maze Game"," /public/Maze-Game-main/index.html"],["Day 27","Memory Game"," /public/MemoryGame/index.html"],["Day 28","Wordle"," /public/WORDLE/index.html"],["Day 29","Snake Game"," /public/snake_game/index.html"],["Day 30","Flappy-bird-game"," /public/Flappy-bird-main/index.html"],["Day 31","Password Manager"," /public/password%20manager/index.html"],["DAY-32","Missionaries & Cannibals"," /public/Missionaries&Cannibals/index.html"],["Day 33","Weather Forcasting"," /public/Weather%20Forcasting/index.html"],["Day 34","Email Validator"," /public/email%20validator/index.html"],["Day 35","Vanilla-JavaScript-Calculator"," /public/Vanilla-JavaScript-Calculator-master/index.html"],["Day 36","Medical App"," /public/Medical_App/index.html"],["Day 37","2048 Game"," /public/2048_game/index.html"],["Day 38","Github Profile Finder","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/github_profile_finder"],["Day 39","Notes App"," /public/notes-app/index.html"],["Day 40","Analog Clock"," /public/AnalogClock/index.html"],["Day 41","Scroll Dark Game"," /public/Scroll%20Game%20Dark%20Run/index.html"],["Day 42","Amazon App"," /public/Amazon_Clone/index.html"],["Day 43","Password Generator"," /public/Password_Generator/index.html"],["Day 44","BMI Calculator"," /public/BMI_Calculator/index.html"],["Day 45","Black Jack"," /public/BlackJack/blackJ.html"],["Day 46","Palindrome Generator"," /public/Palindrome_Generator/index.html"],["Day 47","Ping Pong Game"," /public/ping/index.html"],["Day 48","TextToVoiceConverter"," /public/TextToVoiceConverter/index.html"],["Day 49","Url Shortener","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/url_shortener"],["Day 50","Recipe Genie","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Recipe-Genie"],["Day 51","Netflix Landing Page Clone"," /public/Netflix_Cloning/Index.html"],["Day 52","ClimaCode"," /public/ClimaCode%202.0/index.html"],["Day 53","E-Commerce Website with Simple Cart Functionality"," /public/e-commerce_cart/index.html"],["Day 54","Budget Tracker"," /public/Budget%20Tracker/index.html"],["Day 55","Cricket Game"," /public/cricket/index.html"],["Day 56","Pastebin using svelte","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/pastebin"],["Day 57","Glowing Social Media Icons"," /public/Social%20Media%20Glowing/index.html"],["Day 58","Music App"," /public/Music%20App/index.html"],["Day 59","Blog Page"," /public/Blog%20Page/index.html"],["Day 60","Marketing template website"," /public/marketing_website/index.html"],["Day 61","Hologram Button"," /public/Holo%20Button/index.html"],["Day 62","Solar System Explorer"," /public/Solar%20System%20Explorer%20in%20CSS%20only%20haml/template.html"],["Day 63","Image to Text App"," /public/Image-To-Text-App/index.html"],["Day 64","Zomato-clone"," /public/zomato-clone/zomato.html"],["Day 65","The Cube"," /public/The%20Cube/index.html"],["Day 66","Flask Authentication App","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/flask_auth_app/README.md"],["Day 67","Blog-Website"," /public/blog/main.html"],["Day 68","3d Rotating Card"," /public/3d%20cards/index.html"],["Day 69","Spotify Clone Project"," /public/spotify-clone%20-project/index.html"],["Day 70","Insect-Catch_Game"," /public/Insect-Catch-Game/index.html"],["Day 71","Quotely Laughs"," /public/Quotely-Laughs/index.html"],["Day 72","Contact Book","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Contact%20Book/README.md"],["Day 73","Candy_Crush_Game"," /public/Candy_Crush_Game/index.html"],["Day 74","Stock Profit Calculator"," /public/Stock-Profit-Calculator/index.html"],["Day 75","code-space-game project"," /public/code-jump-space-game/index.html"],["Day 76","Animated Searchbar"," /public/Animated%20Searchbar/index.html"],["Day 77","Rock-Paper-Scissor-game project"," /public/Stone-Paper-Scissor/index.html"],["Day 78","NPM Package Search"," /public/NPM%20Package%20Search/index.html"],["Day 79","Linkedin Homepage Clone"," /public/Linkedin-Clone/index.html"],["Day 80","Resume Studio"," /public/ResumeStudio/index.html"],["Day 81","Simon Says Game"," /public/Simon_Says_Game/index.html"],["Day 82","Love Calculator Game"," /public/Love-Calculator/index.html"],["Day 83","Exchange Currency"," /public/Exchange_Currency/index.html"],["Day 84","Lights Out Puzzle","/public/Lights_Out_Puzzle/index.html"],["Day 85", "Image Search Engine", "/public/Image Search Engine/index.html"],["Day 86","Profile Card","/public/3d profile Card/index.html"],["Day 87", "Breakout game", "/public/Breakout game/index.html"],["Day 88","Job dashboard","/public/Job dashboard/jobs.html"],["Day 89","N-Queen","/public/N_Queen/index.html"],["Day 90","Kowledge Quiz","public/knowledge quiz/index1.html"],["Day 91","Voting Application Backend", "https://github.com/dhairyagothi/100_days_100_web_project/tree/Main/public"],["Day 92","Hangman Game","./public/HangmanGame/index.html"]] - data = [["Day 1","To-Do List"," /public/TO_DO_LIST/todolist.html"],["Day 2","Digital Clock"," /public/digital_clock/digitalclock.html"],["Day 3","Indian Flag"," /public/indianflag/flag.html"],["Day 4","Dropdown Nav Bar"," /public/dropdown_navbar/index.html"],["Day 5","Animated Cursor"," /public/Animated-cursor/animated-cursor.html"],["Day 6","Auto Background Image Slider"," /public/Background-Image-sider/slider.html"],["Day 7","Typewriter"," /public/typewriter/typewriter.html"],["Day 8","Parallel-X Website"," /public/Parallel-x%20website/parallal.html"],["Day 9","Captcha Generator"," /public/captcha/captcha.html"],["Day 10","QR Code Generator"," /public/qr%20generator/qr.html"],["Day 11","Serve Website Using Express"," /public/index.html"],["Day 12","Nodemailer Contact Form"," /public/gmail_nodemailer/public/mail.html"],["Day 13","Login Form Using MERN","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/loginusingmern"],["Day 14","File Uploader","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/file_uploader"],["Day 15","Progress Bar"," /public/progress_bar/progress_bar.html"],["Day 16","Scroll Bar CSS"," /public/index.html"],["Day 17","Slider Using Swiper API"," /public/slider%20box/index.html"],["Day 18","Carousel Solar System"," /public/carousal/index.html"],["Day 19","Planto"," /public/plantwebsite/plant.html"],["Day 20","EveSparks"," /public/https://evesparks.onrender.com/"],["Day 21","Video BG Slider Using React"," /public/https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/travel_website"],["Day 22","Page Loader"," /public/pageloader/pageloader.html"],["Day 23","Jarvis Virtual Assistant"," /public/Jarvis-AI-main/index.html"],["Day 24","Chat Bot"," /public/AI%20ChatBot/chatbot.html"],["Day 25","Tic-Tac-Toe"," /public/TicTacToe/index.html"],["Day 26","Maze Game"," /public/Maze-Game-main/index.html"],["Day 27","Memory Game"," /public/MemoryGame/index.html"],["Day 28","Wordle"," /public/WORDLE/index.html"],["Day 29","Snake Game"," /public/snake_game/index.html"],["Day 30","Flappy-bird-game"," /public/Flappy-bird-main/index.html"],["Day 31","Password Manager"," /public/password%20manager/index.html"],["DAY-32","Missionaries & Cannibals"," /public/Missionaries&Cannibals/index.html"],["Day 33","Weather Forcasting"," /public/Weather%20Forcasting/index.html"],["Day 34","Email Validator"," /public/email%20validator/index.html"],["Day 35","Vanilla-JavaScript-Calculator"," /public/Vanilla-JavaScript-Calculator-master/index.html"],["Day 36","Medical App"," /public/Medical_App/index.html"],["Day 37","2048 Game"," /public/2048_game/index.html"],["Day 38","Github Profile Finder","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/github_profile_finder"],["Day 39","Notes App"," /public/notes-app/index.html"],["Day 40","Analog Clock"," /public/AnalogClock/index.html"],["Day 41","Scroll Dark Game"," /public/Scroll%20Game%20Dark%20Run/index.html"],["Day 42","Amazon App"," /public/Amazon_Clone/index.html"],["Day 43","Password Generator"," /public/Password_Generator/index.html"],["Day 44","BMI Calculator"," /public/BMI_Calculator/index.html"],["Day 45","Black Jack"," /public/BlackJack/blackJ.html"],["Day 46","Palindrome Generator"," /public/Palindrome_Generator/index.html"],["Day 47","Ping Pong Game"," /public/ping/index.html"],["Day 48","TextToVoiceConverter"," /public/TextToVoiceConverter/index.html"],["Day 49","Url Shortener","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/url_shortener"],["Day 50","Recipe Genie","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Recipe-Genie"],["Day 51","Netflix Landing Page Clone"," /public/Netflix_Cloning/Index.html"],["Day 52","ClimaCode"," /public/ClimaCode%202.0/index.html"],["Day 53","E-Commerce Website with Simple Cart Functionality"," /public/e-commerce_cart/index.html"],["Day 54","Budget Tracker"," /public/Budget%20Tracker/index.html"],["Day 55","Cricket Game"," /public/cricket/index.html"],["Day 56","Pastebin using svelte","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/pastebin"],["Day 57","Glowing Social Media Icons"," /public/Social%20Media%20Glowing/index.html"],["Day 58","Music App"," /public/Music%20App/index.html"],["Day 59","Blog Page"," /public/Blog%20Page/index.html"],["Day 60","Marketing template website"," /public/marketing_website/index.html"],["Day 61","Hologram Button"," /public/Holo%20Button/index.html"],["Day 62","Solar System Explorer"," /public/Solar%20System%20Explorer%20in%20CSS%20only%20haml/template.html"],["Day 63","Image to Text App"," /public/Image-To-Text-App/index.html"],["Day 64","Zomato-clone"," /public/zomato-clone/zomato.html"],["Day 65","The Cube"," /public/The%20Cube/index.html"],["Day 66","Flask Authentication App","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/flask_auth_app/README.md"],["Day 67","Blog-Website"," /public/blog/main.html"],["Day 68","3d Rotating Card"," /public/3d%20cards/index.html"],["Day 69","Spotify Clone Project"," /public/spotify-clone%20-project/index.html"],["Day 70","Insect-Catch_Game"," /public/Insect-Catch-Game/index.html"],["Day 71","Quotely Laughs"," /public/Quotely-Laughs/index.html"],["Day 72","Contact Book","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Contact%20Book/README.md"],["Day 73","Candy_Crush_Game"," /public/Candy_Crush_Game/index.html"],["Day 74","Stock Profit Calculator"," /public/Stock-Profit-Calculator/index.html"],["Day 75","code-space-game project"," /public/code-jump-space-game/index.html"],["Day 76","Animated Searchbar"," /public/Animated%20Searchbar/index.html"],["Day 77","Rock-Paper-Scissor-game project"," /public/Stone-Paper-Scissor/index.html"],["Day 78","NPM Package Search"," /public/NPM%20Package%20Search/index.html"],["Day 79","Linkedin Homepage Clone"," /public/Linkedin-Clone/index.html"],["Day 80","Resume Studio"," /public/ResumeStudio/index.html"],["Day 81","Simon Says Game"," /public/Simon_Says_Game/index.html"],["Day 82","Love Calculator Game"," /public/Love-Calculator/index.html"],["Day 83","Exchange Currency"," /public/Exchange_Currency/index.html"],["Day 84","Lights Out Puzzle","/public/Lights_Out_Puzzle/index.html"],["Day 85", "Image Search Engine", "/public/Image Search Engine/index.html"],["Day 86","Profile Card","/public/3d profile Card/index.html"],["Day 87", "Breakout game", "/public/Breakout game/index.html"],["Day 88","Job dashboard","/public/Job dashboard/jobs.html"],["Day 89","N-Queen","/public/N_Queen/index.html"],["Day 90","Kowledge Quiz","public/knowledge quiz/index1.html"],["Day 91","Voting Application Backend", "https://github.com/dhairyagothi/100_days_100_web_project/tree/Main/public"],["Day 92","Slide puzzle Game","public/Slide puzzle Game/index.html"],["Day 93","TextUtils", "/public/Textutils/src/App.js"]] +// Populate the table with project data +function fillTable() { + const data = [ + ["Day 1","To-Do List"," /public/TO_DO_LIST/todolist.html"],["Day 2","Digital Clock"," /public/digital_clock/digitalclock.html"],["Day 3","Indian Flag"," /public/indianflag/flag.html"],["Day 4","Dropdown Nav Bar"," /public/dropdown_navbar/index.html"],["Day 5","Animated Cursor"," /public/Animated-cursor/animated-cursor.html"],["Day 6","Auto Background Image Slider"," /public/Background-Image-sider/slider.html"],["Day 7","Typewriter"," /public/typewriter/typewriter.html"],["Day 8","Parallel-X Website"," /public/Parallel-x%20website/parallal.html"],["Day 9","Captcha Generator"," /public/captcha/captcha.html"],["Day 10","QR Code Generator"," /public/qr%20generator/qr.html"],["Day 11","Serve Website Using Express"," /public/index.html"],["Day 12","Nodemailer Contact Form"," /public/gmail_nodemailer/public/mail.html"],["Day 13","Login Form Using MERN","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/loginusingmern"],["Day 14","File Uploader","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/file_uploader"],["Day 15","Progress Bar"," /public/progress_bar/progress_bar.html"],["Day 16","Scroll Bar CSS"," /public/index.html"],["Day 17","Slider Using Swiper API"," /public/slider%20box/index.html"],["Day 18","Carousel Solar System"," /public/carousal/index.html"],["Day 19","Planto"," /public/plantwebsite/plant.html"],["Day 20","EveSparks"," /public/https://evesparks.onrender.com/"],["Day 21","Video BG Slider Using React"," /public/https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/travel_website"],["Day 22","Page Loader"," /public/pageloader/pageloader.html"],["Day 23","Jarvis Virtual Assistant"," /public/Jarvis-AI-main/index.html"],["Day 24","Chat Bot"," /public/AI%20ChatBot/chatbot.html"],["Day 25","Tic-Tac-Toe"," /public/TicTacToe/index.html"],["Day 26","Maze Game"," /public/Maze-Game-main/index.html"],["Day 27","Memory Game"," /public/MemoryGame/index.html"],["Day 28","Wordle"," /public/WORDLE/index.html"],["Day 29","Snake Game"," /public/snake_game/index.html"],["Day 30","Flappy-bird-game"," /public/Flappy-bird-main/index.html"],["Day 31","Password Manager"," /public/password%20manager/index.html"],["DAY-32","Missionaries & Cannibals"," /public/Missionaries&Cannibals/index.html"],["Day 33","Weather Forcasting"," /public/Weather%20Forcasting/index.html"],["Day 34","Email Validator"," /public/email%20validator/index.html"],["Day 35","Vanilla-JavaScript-Calculator"," /public/Vanilla-JavaScript-Calculator-master/index.html"],["Day 36","Medical App"," /public/Medical_App/index.html"],["Day 37","2048 Game"," /public/2048_game/index.html"],["Day 38","Github Profile Finder","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/github_profile_finder"],["Day 39","Notes App"," /public/notes-app/index.html"],["Day 40","Analog Clock"," /public/AnalogClock/index.html"],["Day 41","Scroll Dark Game"," /public/Scroll%20Game%20Dark%20Run/index.html"],["Day 42","Amazon App"," /public/Amazon_Clone/index.html"],["Day 43","Password Generator"," /public/Password_Generator/index.html"],["Day 44","BMI Calculator"," /public/BMI_Calculator/index.html"],["Day 45","Black Jack"," /public/BlackJack/blackJ.html"],["Day 46","Palindrome Generator"," /public/Palindrome_Generator/index.html"],["Day 47","Ping Pong Game"," /public/ping/index.html"],["Day 48","TextToVoiceConverter"," /public/TextToVoiceConverter/index.html"],["Day 49","Url Shortener","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/url_shortener"],["Day 50","Recipe Genie","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Recipe-Genie"],["Day 51","Netflix Landing Page Clone"," /public/Netflix_Cloning/Index.html"],["Day 52","ClimaCode"," /public/ClimaCode%202.0/index.html"],["Day 53","E-Commerce Website with Simple Cart Functionality"," /public/e-commerce_cart/index.html"],["Day 54","Budget Tracker"," /public/Budget%20Tracker/index.html"],["Day 55","Cricket Game"," /public/cricket/index.html"],["Day 56","Pastebin using svelte","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/pastebin"],["Day 57","Glowing Social Media Icons"," /public/Social%20Media%20Glowing/index.html"],["Day 58","Music App"," /public/Music%20App/index.html"],["Day 59","Blog Page"," /public/Blog%20Page/index.html"],["Day 60","Marketing template website"," /public/marketing_website/index.html"],["Day 61","Hologram Button"," /public/Holo%20Button/index.html"],["Day 62","Solar System Explorer"," /public/Solar%20System%20Explorer%20in%20CSS%20only%20haml/template.html"],["Day 63","Image to Text App"," /public/Image-To-Text-App/index.html"],["Day 64","Zomato-clone"," /public/zomato-clone/zomato.html"],["Day 65","The Cube"," /public/The%20Cube/index.html"],["Day 66","Flask Authentication App","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/flask_auth_app/README.md"],["Day 67","Blog-Website"," /public/blog/main.html"],["Day 68","3d Rotating Card"," /public/3d%20cards/index.html"],["Day 69","Spotify Clone Project"," /public/spotify-clone%20-project/index.html"],["Day 70","Insect-Catch_Game"," /public/Insect-Catch-Game/index.html"],["Day 71","Quotely Laughs"," /public/Quotely-Laughs/index.html"],["Day 72","Contact Book","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Contact%20Book/README.md"],["Day 73","Candy_Crush_Game"," /public/Candy_Crush_Game/index.html"],["Day 74","Stock Profit Calculator"," /public/Stock-Profit-Calculator/index.html"],["Day 75","code-space-game project"," /public/code-jump-space-game/index.html"],["Day 76","Animated Searchbar"," /public/Animated%20Searchbar/index.html"],["Day 77","Rock-Paper-Scissor-game project"," /public/Stone-Paper-Scissor/index.html"],["Day 78","NPM Package Search"," /public/NPM%20Package%20Search/index.html"],["Day 79","Linkedin Homepage Clone"," /public/Linkedin-Clone/index.html"],["Day 80","Resume Studio"," /public/ResumeStudio/index.html"],["Day 81","Simon Says Game"," /public/Simon_Says_Game/index.html"],["Day 82","Love Calculator Game"," /public/Love-Calculator/index.html"],["Day 83","Exchange Currency"," /public/Exchange_Currency/index.html"],["Day 84","Lights Out Puzzle","/public/Lights_Out_Puzzle/index.html"],["Day 85", "Image Search Engine", "/public/Image Search Engine/index.html"],["Day 86","Profile Card","/public/3d profile Card/index.html"],["Day 87", "Breakout game", "/public/Breakout game/index.html"],["Day 88","Job dashboard","/public/Job dashboard/jobs.html"],["Day 89","N-Queen","/public/N_Queen/index.html"],["Day 90","Kowledge Quiz","public/knowledge quiz/index1.html"],["Day 91","Voting Application Backend", "https://github.com/dhairyagothi/100_days_100_web_project/tree/Main/public"],["Day 92","Slide puzzle Game","public/Slide puzzle Game/index.html"],["Day 93","TextUtils", "/public/Textutils/src/App.js"],["Day 94","Hangman Game","./public/HangmanGame/index.html"] + ]; + + const tbody = document.getElementById('tableBody'); + + data.forEach(e => { + const row = document.createElement('tr'); + const days = document.createElement('td'); + const nameP = document.createElement('td'); + const link = document.createElement('td'); + const a = document.createElement('a'); + + days.innerText = e[0]; + nameP.innerText = e[1]; + a.href = e[2]; + a.innerText = 'Here'; + nameP.classList.add('project-name'); + + link.appendChild(a); + row.appendChild(days); + row.appendChild(nameP); + row.appendChild(link); + + tbody.appendChild(row); + }); +} - - - - -// Table body - tbody = document.getElementById("tableBody") - - // ForEach Loop - data.forEach( e => { - - row = document.createElement("tr") // Table Row and The Three Table Data Elements - days = document.createElement("td") - nameP = document.createElement("td") - link = document.createElement("td") - a = document.createElement("a") - - - days.innerText = (e[0]) // Putting Data in the table data elements - nameP.innerText = (e[1]) - a.href = e[2] - a.innerText = "Here" - nameP.classList.add("project-name") // Added this class to search among the results - - - link.appendChild(a) // Appending elements to the document - row.appendChild(days) - row.appendChild(nameP) - row.appendChild(link) - - tbody.appendChild(row) - }) -} +document.addEventListener('DOMContentLoaded', () => { + updateNavbar(); + fillTable(); +}); diff --git a/public/Candy_Crush_Game/index.html b/public/Candy_Crush_Game/index.html index a50834e2..098ecdb9 100644 --- a/public/Candy_Crush_Game/index.html +++ b/public/Candy_Crush_Game/index.html @@ -6,11 +6,31 @@ Candy Crush + + + + + + +
+

Candy Crush

+

Sweetness overload!

+

Score: 0

+
+

Game Rules

+ +
+ \ No newline at end of file diff --git a/public/Candy_Crush_Game/script.js b/public/Candy_Crush_Game/script.js index 329b673b..0be7ccab 100644 --- a/public/Candy_Crush_Game/script.js +++ b/public/Candy_Crush_Game/script.js @@ -19,6 +19,20 @@ window.onload = function() { generateCandy(); }, 100); } + // Reset button functionality + document.getElementById("Reset").addEventListener("click", function() { + // Reset score + score = 0; + document.getElementById("score").innerText = score; // Update the score display + + // Clear the board array and HTML content + board = []; + document.getElementById("board").innerHTML = ""; // Clear the board visually + + // Reinitialize the game + startGame(); + }); + function randomCandy() { return candies[Math.floor(Math.random() * candies.length)]; //0 - 5.99 @@ -201,4 +215,4 @@ function generateCandy() { board[0][c].src = "./images/" + randomCandy() + ".png"; } } -} \ No newline at end of file +} diff --git a/public/Candy_Crush_Game/style.css b/public/Candy_Crush_Game/style.css index 514780e3..33de0c37 100644 --- a/public/Candy_Crush_Game/style.css +++ b/public/Candy_Crush_Game/style.css @@ -6,6 +6,88 @@ body { text-align: center; } +.logo-container { + position: fixed; /* Keeps the logo in place */ + top: 20px; /* Position from the top */ + left: 20px; /* Position from the left */ + background: linear-gradient(45deg, #ffb347, #ffcc33, #ff6f61); + padding: 20px 40px; + border-radius: 25px; + box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); + text-align: center; +} + +/* Main Text Styling */ +.logo-text { + font-family: 'Lobster', cursive; + font-size: 3em; + color: #fff; + text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4), + -2px -2px 3px rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; +} +.logo-text:hover{ + color: #f507a5; +} + +/* Subtext Styling */ +.logo-subtext { + font-family: 'Luckiest Guy', cursive; + font-size: 0.8em; + color: rgba(255, 255, 255, 0.8); + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); +} +h1 { + font-family: 'Luckiest Guy', cursive; + font-size: 3em; + color: rgb(236, 30, 184); + cursor: pointer; +} +h1:hover{ + color: #e90b8d; +} + + + +#rules { + position: fixed; + top: 50%; + right: 0; + transform: translateY(-50%); + background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */ + padding: 20px; + width: 150px; + border-radius: 10px; + box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); + font-size: 16px; + color: #333; + font-family: 'Luckiest Guy', cursive; +} + +#rules h2 { + font-size: 1.8em; + color: #ec66cb; + font-family: 'Luckiest Guy', cursive; + cursor: pointer; +} + +#rules ul { + list-style-type: none; + padding: 0; + +} + +#rules li { + margin: 5px 0; + cursor: pointer; +} + +li:hover{ + color: #e90b8d; +} + + #board { width: 450px; @@ -21,4 +103,18 @@ body { #board img { width: 50px; height: 50px; +} +button{ + padding: 10px 20px; + font-size: 16px; + background-color: #e90b8d; + color: #fff; + border: none; + border-radius: 5px; + cursor: pointer; + margin-top: 20px; + font-family: 'Luckiest Guy', cursive ; +} +button:hover{ + background-color: #5e0231; } \ No newline at end of file