From aae0650ceac10dd6bec2662c22534959d5c61266 Mon Sep 17 00:00:00 2001 From: snjy-kumar Date: Thu, 4 Jan 2024 18:47:57 +0530 Subject: [PATCH] navigation page for all projects --- index.html | 14 ++++++++++ index.js | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 94 insertions(+) create mode 100644 index.html create mode 100644 index.js diff --git a/index.html b/index.html new file mode 100644 index 0000000..c087bf4 --- /dev/null +++ b/index.html @@ -0,0 +1,14 @@ + + + + + + Document + + +
+
    +
    + + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..7ab7216 --- /dev/null +++ b/index.js @@ -0,0 +1,80 @@ +const list = [ + "age-calculator", + "amine-pics-generator", + "animated-search-bar", + "auto-text-effect-animation", + "background-image-scroll-effect", + "background-video", + "basic-calculator", + "blurred-background-popup", + "bmi-calculator", + "button-ripple-effect", + "clock", + "counter", + "currency-converter", + "dad-jokes-generator", + "dark-mode-toggle", + "dice-roll-simulator", + "digital-clock", + "double-landing-page", + "drum-kits", + "emoji-rating", + "english-dictionary", + "feedback-ui", + "heart-trail-animation", + "image-search-app", + "image-slider", + "loading-bar", + "loan-calculator", + "mini-calendar", + "month-calender", + "mouse-event", + "multiplication-app", + "music-player", + "navbar", + "new-year-countdown", + "note-app", + "photo-gallery", + "pomodoro-timer", + "profile-statistics", + "q-and-a-section", + "random-color-generator", + "random-emoji", + "random-password-generator", + "random-photos", + "random-quote-generator", + "real-time-character-counter", + "recipe-book-app", + "rock-paper-scissors-game", + "rotating-image-gallery", + "sidebar", + "social-media-selector-menu", + "step-progress-bar", + "sticky-navbar", + "stopwatch", + "tabs", + "temperature-converter", + "testimonial-slider", + "tip-calculator", + "to-do-list", + "video-trailer-popup", + "weather-app", + "weight-converter"] + + +const list1 = ["weather-app", "tabs", "stopwatch"] + +const ol = document.querySelector('ol') +const div = document.querySelector('div') + +for(let i in list ) { +// console.log(list[i]) + ol.innerHTML += `
  1. ${list[i]}
    2. ` + div.appendChild(ol) +// console.log(li) +} + +// list1.forEach(element => { +// ol.innerHTML += `
  2. ${element}
    3. ` +// div.appendChild(ol) +// }); \ No newline at end of file