Card_project/script.js at main · BeWithSadique/Card_project · 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
// var isstatus = document.querySelector('h5')
// var addFriend = document.querySelector('#add')

// var removeFriend = document.querySelector('#remove')


// addFriend.addEventListener('click', function () {
//     isstatus.innerHTML = 'Friend'
//     isstatus.style.color = 'green'
// })

// removeFriend.addEventListener('click', function () {
//     isstatus.innerHTML = 'stramger'
//     isstatus.style.color = 'red'
// })


var isstatus = document.querySelector('h5')
var btn= document.querySelector('#add')

var addremove = 0
btn.addEventListener('click', function(){
    if (addremove==0 ){
        isstatus.innerHTML ='follow'
        isstatus.style.color = 'green'
        btn.innerHTML = 'Remove friend'
        addremove= 1
    }else{
        isstatus.innerHTML = 'stramger'
        isstatus.style.color = 'red'
        btn.innerHTML = 'Add friend'

        addremove=0
    }
})