http://my-kannada.com/assets/js/trading_main.js

1// Tabs init start
2
3new tabsRush('btnBox',{
4    tabs: [
5        {
6            btn: 'btnOne',
7            item: 'ConOne'
8        },
9        {
10            btn: 'btnTwo',
11            item: 'ConTwo'
12        },
13        {
14            btn: 'btnThree',
15            item: 'ConThree'
16        }
17    ],
18    buttonActive : 'buttonActiveNew',
19    itemActive : 'itemActiveNew'
20})
21
22
23new tabsRush('orders',{
24    tabs: [
25        {
26            btn: 'ordersBtnOne',
27            item: 'ordersConOne'
28        },
29        {
30            btn: 'ordersBtnTwo',
31            item: 'ordersConTwo'
32        }
33    ],
34    buttonActive : 'buttonActiveNew',
35    itemActive : 'itemActiveNew'
36})
37
38// Tabs init finish
39
40// Selects start
41
42const tradeSelects = (selector, list) => {
43    const select = document.querySelector(selector)
44    const selectList = document.querySelector(list)
45    select.addEventListener('click', (event) => {
46        if (!select.classList.contains("--active-select")) {
47            remoteActiveSelects()
48            select.classList.toggle('--active-select')
49            selectList.classList.toggle('--active-select')
50        } else {
51            remoteActiveSelects()
52        }
53
54        if (event.target.classList.contains("order__limit-item")) {
55            select.children[0].innerText = event.target.innerText
56        }
57    })
58}
59
60const remoteActiveSelects = () => {
61    const allActiveClasses = document.querySelectorAll(".--active-select")
62    allActiveClasses.forEach(active => active.classList.remove("--active-select"))
63}
64
65document.body.addEventListener("click", (event) => {
66    if (!event.target.classList.contains("order__limit-select")) {
67        remoteActiveSelects()
68    }
69})
70
71
72tradeSelects('.tradeSelectOne', '.tradeListOne')
73tradeSelects('.tradeSelectTwo', '.tradeListTwo')