50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
|
const firstBtn = document.getElementById('first');
|
||
|
|
const codeFirst = document.getElementById('codeFirst');
|
||
|
|
|
||
|
|
const secondBtn = document.getElementById('second');
|
||
|
|
const codeSecond = document.getElementById('codeSecond');
|
||
|
|
|
||
|
|
const thirdBtn = document.getElementById('third');
|
||
|
|
const codeThird = document.getElementById('codeThird');
|
||
|
|
|
||
|
|
const fourthBtn = document.getElementById('fourth');
|
||
|
|
const codeFourth = document.getElementById('codeFourth');
|
||
|
|
|
||
|
|
const fifthBtn = document.getElementById('fifth');
|
||
|
|
const codeFifth = document.getElementById('codeFifth');
|
||
|
|
|
||
|
|
const six = document.getElementById('six')
|
||
|
|
const codeSix = document.getElementById('codeSix');
|
||
|
|
|
||
|
|
|
||
|
|
const Native = document.getElementById('Native')
|
||
|
|
const codeNative = document.getElementById('codeNative')
|
||
|
|
|
||
|
|
|
||
|
|
firstBtn.addEventListener('click', () => {
|
||
|
|
codeFirst.classList.toggle("active")
|
||
|
|
})
|
||
|
|
|
||
|
|
secondBtn.addEventListener('click', () => {
|
||
|
|
codeSecond.classList.toggle("active")
|
||
|
|
})
|
||
|
|
|
||
|
|
thirdBtn.addEventListener('click', () => {
|
||
|
|
codeThird.classList.toggle("active")
|
||
|
|
})
|
||
|
|
|
||
|
|
fourthBtn.addEventListener('click', () => {
|
||
|
|
codeFourth.classList.toggle("active")
|
||
|
|
})
|
||
|
|
|
||
|
|
fifthBtn.addEventListener('click', () => {
|
||
|
|
codeFifth.classList.toggle("active")
|
||
|
|
})
|
||
|
|
|
||
|
|
six.addEventListener('click', () => {
|
||
|
|
codeSix.classList.toggle("active")
|
||
|
|
})
|
||
|
|
|
||
|
|
Native.addEventListener('click', () => {
|
||
|
|
codeNative.classList.toggle("active")
|
||
|
|
})
|