https://classicgtasites.com/app.js

1const sites=document.getElementById('sites')
2const about=document.getElementById('about')
3const updates=document.getElementById('updates')
4const feedback=document.getElementById('feedback')
5
6function openSites() {
7    sites.style.display='block'
8    about.style.display='none'
9    updates.style.display='none'
10    feedback.style.display='none'
11    document.body.style.setProperty('--pos','3.25')
12}
13function openAbout() {
14    sites.style.display='none'
15    about.style.display='block'
16    updates.style.display='none'
17    feedback.style.display='none'
18    document.body.style.setProperty('--pos','1.25')
19}
20function openUpdates() {
21    sites.style.display='none'
22    about.style.display='none'
23    updates.style.display='block'
24    feedback.style.display='none'
25    document.body.style.setProperty('--pos','-0.75')
26}
27function openFeedback() {
28    sites.style.display='none'
29    about.style.display='none'
30    updates.style.display='none'
31    feedback.style.display='flex'
32    document.body.style.setProperty('--pos','-2.75')
33}
34
35document.getElementsByTagName('li')[0].addEventListener("click", function() {
36    document.getElementsByTagName('li')[0].classList.add('active-menu')
37    document.getElementsByTagName('li')[1].classList.remove('active-menu')
38    document.getElementsByTagName('li')[2].classList.remove('active-menu')
39    document.getElementsByTagName('li')[3].classList.remove('active-menu')
40    openSites()
41})
42document.getElementsByTagName('li')[0].addEventListener('keypress', function (e) {
43    if (e.key === 'Enter') {
44        document.getElementsByTagName('li')[0].classList.add('active-menu')
45        document.getElementsByTagName('li')[1].classList.remove('active-menu')
46        document.getElementsByTagName('li')[2].classList.remove('active-menu')
47        document.getElementsByTagName('li')[3].classList.remove('active-menu')
48        openSites()
49    }
50})
51document.getElementsByTagName('li')[1].addEventListener("click", function() {
52    document.getElementsByTagName('li')[0].classList.remove('active-menu')
53    document.getElementsByTagName('li')[1].classList.add('active-menu')
54    document.getElementsByTagName('li')[2].classList.remove('active-menu')
55    document.getElementsByTagName('li')[3].classList.remove('active-menu')
56    openAbout()
57})
58document.getElementsByTagName('li')[1].addEventListener('keypress', function (e) {
59    if (e.key === 'Enter') {
60        document.getElementsByTagName('li')[0].classList.remove('active-menu')
61        document.getElementsByTagName('li')[1].classList.add('active-menu')
62        document.getElementsByTagName('li')[2].classList.remove('active-menu')
63        document.getElementsByTagName('li')[3].classList.remove('active-menu')
64        openAbout()
65    }
66})
67document.getElementsByTagName('li')[2].addEventListener("click", function() {
68    document.getElementsByTagName('li')[0].classList.remove('active-menu')
69    document.getElementsByTagName('li')[1].classList.remove('active-menu')
70    document.getElementsByTagName('li')[2].classList.add('active-menu')
71    document.getElementsByTagName('li')[3].classList.remove('active-menu')
72    openUpdates()
73})
74document.getElementsByTagName('li')[2].addEventListener('keypress', function (e) {
75    if (e.key === 'Enter') {
76        document.getElementsByTagName('li')[0].classList.remove('active-menu')
77        document.getElementsByTagName('li')[1].classList.remove('active-menu')
78        document.getElementsByTagName('li')[2].classList.add('active-menu')
79        document.getElementsByTagName('li')[3].classList.remove('active-menu')
80        openUpdates()
81    }
82})
83document.getElementsByTagName('li')[3].addEventListener("click", function() {
84    document.getElementsByTagName('li')[0].classList.remove('active-menu')
85    document.getElementsByTagName('li')[1].classList.remove('active-menu')
86    document.getElementsByTagName('li')[2].classList.remove('active-menu')
87    document.getElementsByTagName('li')[3].classList.add('active-menu')
88    openFeedback()
89})
90document.getElementsByTagName('li')[3].addEventListener('keypress', function (e) {
91    if (e.key === 'Enter') {
92        document.getElementsByTagName('li')[0].classList.remove('active-menu')
93        document.getElementsByTagName('li')[1].classList.remove('active-menu')
94        document.getElementsByTagName('li')[2].classList.remove('active-menu')
95        document.getElementsByTagName('li')[3].classList.add('active-menu')
96        openFeedback()
97    }
98})
99
100const sendForm=document.getElementById('submit')
101const input=document.getElementById('humancheck')
102const array=['69']
103    input.addEventListener('keyup', function() { 
104    	if(array.includes(this.value)) { 
105			sendForm.style.display='block'
106			input.style.display='none'
107    } 
108})