Dropdown/script.js at main · S-Yaghouti/Dropdown · 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
//
// ============= >> All icons are sourced from the Iconify website << =============
//
// =================================================================== >> improts <<
import { DropDown } from "./Widget/dropdown.js";
// =================================================================== >> improts <<
//
// ================================================================== >> Selector <<
//
// --------------------------------------------------- >> Layer 1 <<
const BG_1 = document.querySelector("#BG_1");
// --------------------------------------------------- >> Layer 1 <<
//
// ================================================================== >> Selector <<
//
// =================================================================== >> Layer 1 <<
//
// -------------------------------------------------------- >> List <<
const DropDownContent = [
  "Option 1",
  "Option 2",
  "Option 3",
  "Option 4",
  "Option 5",
  "Option 6",
  "Option 7",
  "Option 8",
  "Option 9",
  "Option 10",
];
// -------------------------------------------------------- >> List <<
//
// ---------------------------------------------------- >> CallBack <<
const DD = DropDown(
  //
  DropDownContent,
  //
  (value) => {
    Listener(value);
  }
  //
);
// ---------------------------------------------------- >> CallBack <<
//
// ---------------------------------------------------- >> Listener <<
function Listener(item) {
  console.log(`the selected item is : ${item}`);
}
// ---------------------------------------------------- >> Listener <<
//
// ------------------------------------------------- >> AppendChild <<
BG_1.appendChild(DD);
// ------------------------------------------------- >> AppendChild <<
//
// =================================================================== >> Layer 1 <<