aleksprojetc1.github.io/main.js at main · Alexberest0/aleksprojetc1.github.io · 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
73
74
75
76
77
78
79
80
81
82
83
84
document.getElementById('telegram').style.display = 'none';
// document.querySelectorAll('.section_five_container_icon_zakr').style.display = 'none';


document.getElementById('services').addEventListener('click', function () {
    document.querySelector('.section_one').style.display = 'none';
    document.querySelector('.section_one_services').style.display = 'block';
})


document.getElementById('glavn').addEventListener('click', function () {
    document.querySelector('.section_one').style.display = 'flex';
    document.querySelector('.section_one_services').style.display = 'none';
})

document.getElementById('tg').addEventListener('click', function(){
    document.getElementById('instagram').style.display = 'none';
    document.getElementById('telegram').style.display = 'block';
})


document.getElementById('insta').addEventListener('click', function(){
    document.getElementById('instagram').style.display = 'block';
    document.getElementById('telegram').style.display = 'none';
})


// Логика для слайдера

let offest_left = 0; // смещение
const sliderLine = document.querySelector('.section_three_reviews'); // получение строки с элементами

document.getElementById('vlevo').addEventListener('click', function(){
    offest_left = offest_left + 1412;
    if (offest_left > 4560){
        offest_left = 20;
    }
    sliderLine.style.left = -offest_left + 'px';


});


document.getElementById('vpravo').addEventListener('click', function(){
    const st = window.getComputedStyle(sliderLine);
    let delta = st.left;
    if (delta[0] == '-' && delta != '-25px'){
        console.log(offest_left)
        let delta_num = Number(delta.slice(0, 5));
        offest_left = delta_num + 1412;
        console.log(delta, offest_left);
        console.log('----');
        sliderLine.style.left = offest_left + 'px';

    }
});


document.getElementById('otkr_501').addEventListener('click', function () {
    document.getElementById('otkr_501').style.display = 'none';
    document.getElementById('zakr_501').style.display = 'block';
    document.getElementById('501').style.display = 'block';

})
document.getElementById('zakr_501').addEventListener('click', function () {
    document.getElementById('zakr_501').style.display = 'none';
    document.getElementById('otkr_501').style.display = 'block';
    document.getElementById('501').style.display = 'none';
})


document.getElementById('otkr_502').addEventListener('click', function () {
    document.getElementById('otkr_502').style.display = 'none';
    document.getElementById('zakr_502').style.display = 'block';
    document.getElementById('502').style.display = 'block';

})
document.getElementById('zakr_502').addEventListener('click', function () {
    document.getElementById('zakr_502').style.display = 'none';
    document.getElementById('otkr_502').style.display = 'block';
    document.getElementById('502').style.display = 'none';
})