Bài tập javascript 5 – Viết hiệu ứng cho menu side bar phần 1

 

document

.

addEventListener

(

“DOMContentLoaded”

,

function

(

)

{

    

var

nut

=

document

.

querySelectorAll

(

“button”

)

;

    

var

nut

=

nut

[

0

]

;

    

var

menu

=

document

.

querySelectorAll

(

“.menu”

)

;

    

var

menu

=

menu

[

0

]

;

    

var

manhinhden

=

document

.

querySelectorAll

(

“.manhinhden”

)

;

    

var

manhinhden

=

manhinhden

[

0

]

;

    

nut

.

onclick

=

function

(

)

{

        

menu

.

classList

.

add

(

‘menuhienra’

)

;

        

manhinhden

.

classList

.

add

(

‘manhinhdenhienra’

)

;

    

}

    

manhinhden

.

onclick

=

function

(

)

{

        

manhinhden

.

classList

.

remove

(

‘manhinhdenhienra’

)

;

        

menu

.

classList

.

remove

(

‘menuhienra’

)

;

    

}

}

,

false

)