web-cv-2021/main.js at main · Lize101/web-cv-2021 · 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
const exp1 = document.getElementById('details1');
const exp2 = document.getElementById('details2');
const exp3 = document.getElementById('details3');
const exp4 = document.getElementById('details4');

const btn1 = document.getElementById('experience1');
const btn2 = document.getElementById('experience2');
const btn3 = document.getElementById('experience3');
const btn4 = document.getElementById('experience4');

const eventHandlerFunctionE1 = () => {
    if (exp1.style.display === '') {
     exp1.style.display = 'block';
     exp2.style.display = '';
     exp3.style.display = '';
     exp4.style.display = '';
    } else {
     exp1.style.display = '';
    }
}

 const eventHandlerFunctionE2 = () => {
     if (exp2.style.display === '') {
     exp1.style.display = '';
     exp2.style.display = 'block';
     exp3.style.display = '';
     exp4.style.display = '';
    } else {
        exp2.style.display = '';
    }
 }

 const eventHandlerFunctionE3 = () => {
    if (exp3.style.display === '') {
     exp1.style.display = '';
     exp2.style.display = '';
     exp3.style.display = 'block';
     exp4.style.display = '';
    } else {
        exp3.style.display = '';
    }
 }
 const eventHandlerFunctionE4 = () => {
    if (exp4.style.display === '') {
     exp1.style.display = '';
     exp2.style.display = '';
     exp3.style.display = '';
     exp4.style.display = 'block';
    } else {
        exp4.style.display = '';
    }
 }

 btn1.addEventListener('click', eventHandlerFunctionE1);
 btn2.addEventListener('click', eventHandlerFunctionE2);
 btn3.addEventListener('click', eventHandlerFunctionE3);
 btn4.addEventListener('click', eventHandlerFunctionE4);