-
Notifications
You must be signed in to change notification settings - Fork 0
/
netflix.js
26 lines (21 loc) · 714 Bytes
/
netflix.js
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
const tabitems = document.querySelectorAll('.tab-item');
const tabcontentitems = document.querySelectorAll('.tab-content-item');
//tab selection bar
function selectitem(e)
{
removeborder();
removeshow();
this.classList.add('tab-border');
// console.log(this.id);
// console.log(this.id);
const tabcontentitem = document.querySelector(`#${this.id}-content`);
tabcontentitem.classList.add('show');
}
function removeborder()
{
tabitems.forEach(item => item.classList.remove('tab-border'));
}
function removeshow(){
tabcontentitems.forEach(item => item.classList.remove('show'));
}
tabitems.forEach(item =>item.addEventListener('click',selectitem));