mobilehub/script.js at main · odida7/mobilehub · 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

const tabs = document.querySelectorAll('[data-tab-target]')
const tabContents = document.querySelectorAll('[data-tab-content]')

tabs.forEach(tab => {
    tab.addEventListener('click', () => {
        const target = document.querySelector(tab-dataset-tabTarget)
        tabContents.forEach(tabContent => {
            tabContent.classList.remove('actives')

        })

        target.classList.add('active')
     })
})

    var circle = document.getElementById("circle");
    var up = document.getElementById("up");
    var down = document.getElementById("down");

    var rotateValue = circle.style.transform;
    var rotateSum;

    up.onclick = function() {
        rotateSum = rotateValue + "rotate(-90deg)"
        circle.style.transform = rotateSum;
        rotateValue = rotateSum;
    }

    down.onclick = function() {
        rotateSum = rotateValue + "rotate(90deg)"
        circle.style.transform = rotateSum;
        rotateValue = rotateSum;
    }