MaxOvs19/Example-CG-SELECT
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed description and layout

Browse Source
This commit is contained in:
MaxOvs19
2023-03-03 14:54:11 +03:00
parent 5fc17c7c2d
commit 45df42825f
3 changed files with 216 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/example.js
View File

@ -1,48 +1,55 @@
const firstBtn = document.getElementById('first');
const codeFirst = document.getElementById('codeFirst');
const firstBtn = document.getElementById("first");
const codeFirst = document.getElementById("codeFirst");
const secondBtn = document.getElementById('second');
const codeSecond = document.getElementById('codeSecond');
const secondBtn = document.getElementById("second");
const codeSecond = document.getElementById("codeSecond");
const thirdBtn = document.getElementById('third');
const codeThird = document.getElementById('codeThird');
const thirdBtn = document.getElementById("third");
const codeThird = document.getElementById("codeThird");
const fourthBtn = document.getElementById('fourth');
const codeFourth = document.getElementById('codeFourth');
const fourthBtn = document.getElementById("fourth");
const codeFourth = document.getElementById("codeFourth");
const fifthBtn = document.getElementById('fifth');
const codeFifth = document.getElementById('codeFifth');
const fifthBtn = document.getElementById("fifth");
const codeFifth = document.getElementById("codeFifth");
const six = document.getElementById('six');
const codeSix = document.getElementById('codeSix');
const six = document.getElementById("six");
const codeSix = document.getElementById("codeSix");
const Native = document.getElementById('Native');
const codeNative = document.getElementById('codeNative');
const Native = document.getElementById("Native");
const codeNative = document.getElementById("codeNative");
firstBtn.addEventListener('click', () => {
codeFirst.classList.toggle('active');
const callback = document.getElementById("callback");
const codeCallback = document.getElementById("codeCallback");
firstBtn.addEventListener("click", () => {
codeFirst.classList.toggle("active");
});
secondBtn.addEventListener('click', () => {
codeSecond.classList.toggle('active');
secondBtn.addEventListener("click", () => {
codeSecond.classList.toggle("active");
});
thirdBtn.addEventListener('click', () => {
codeThird.classList.toggle('active');
thirdBtn.addEventListener("click", () => {
codeThird.classList.toggle("active");
});
fourthBtn.addEventListener('click', () => {
codeFourth.classList.toggle('active');
fourthBtn.addEventListener("click", () => {
codeFourth.classList.toggle("active");
});
fifthBtn.addEventListener('click', () => {
codeFifth.classList.toggle('active');
fifthBtn.addEventListener("click", () => {
codeFifth.classList.toggle("active");
});
six.addEventListener('click', () => {
codeSix.classList.toggle('active');
six.addEventListener("click", () => {
codeSix.classList.toggle("active");
});
Native.addEventListener('click', () => {
codeNative.classList.toggle('active');
Native.addEventListener("click", () => {
codeNative.classList.toggle("active");
});
callback.addEventListener("click", () => {
codeCallback.classList.toggle("active");
});