js-basics/script.js at main · falsydev/js-basics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
const projects = [
  {
    name: "Color Flipper",
    url: "./01_color flipper/index.html",
  },
  {
    name: "Counter",
    url: "./02_counter/index.html",
  },
  {
    name: "Content Navigator",
    url: "./03_content navigator/index.html",
  },
  {
    name: "Nav Bar",
    url: "./04_nav bar/index.html",
  },
  {
    name: "Side Bar",
    url: "./05_side bar/index.html",
  },
  {
    name: "Questions Panel",
    url: "./06_questions panel/index.html",
  },
  {
    name: "Menu Filter",
    url: "./07_menu filter/index.html",
  },
  {
    name: "Video Background",
    url: "./08_video background/index.html",
  },
  {
    name: "Smooth Scroll",
    url: "./09_smooth scroll/index-full.html",
  },
  {
    name: "Tabs",
    url: "./10_tabs/index.html",
  },
  {
    name: "Countdown",
    url: "./11_countdown/index.html",
  },
  {
    name: "To Do List",
    url: "./12_to do list/index.html",
  },
  {
    name: "To Do List (Added History)",
    url: "./12-1_to do list (added history)/index.html",
    versionUpdate: "12-1",
  },
  {
    name: "Slider",
    url: "./13_slider/index.html",
  },
  {
    name: "Drum Kit",
    url: "./14_drum kit/index.html",
  },
];
const projectsContainer = document.querySelector(".projects-container");

let count = 1;
projects.forEach((project) => {
  projectsContainer.innerHTML += `<a class="project-info" href="${
    project.url
  }"><span>${project.versionUpdate || count}</span>${project.name}</a>`;
  project.versionUpdate || count++;
});