-
Notifications
You must be signed in to change notification settings - Fork 0
/
price.js
250 lines (222 loc) · 12.4 KB
/
price.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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
let AM = "ANNUAL";
let coruncy = "INR"
console.log(coruncy)
document.querySelector("#AM>div:last-child").addEventListener("click",abcd);
function abcd(){
document.querySelector("#AM>div:first-child").style.backgroundColor = "#8b5dca";
document.querySelector("#AM>div:last-child").style.backgroundColor = "white";
document.querySelector("#AM>div:last-child").style.color = "#4300a3";
document.querySelector("#AM>div:first-child").style.color = "white";
AM="MONTHLY"
if(coruncy=="USD"||"EUR"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "299/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "599/mo"
}
else if(coruncy=="GBP"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "249/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "449/mo"
}
else if(coruncy=="AUD"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "419/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "799/mo"
}
else if(coruncy=="CAD"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "399/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "699/mo"
}
else if(coruncy=="INR"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "23,890/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "47,890/mo"
}
}
document.querySelector("#AM>div:first-child").addEventListener("click",abcde);
function abcde(){
document.querySelector("#AM>div:last-child").style.backgroundColor = "#8b5dca";
document.querySelector("#AM>div:first-child").style.backgroundColor = "white";
document.querySelector("#AM>div:first-child").style.color = "#4300a3";
document.querySelector("#AM>div:last-child").style.color = "white";
AM="ANNUAL"
if(coruncy=="USD"||"EUR"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "249/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "549/mo"
}
else if(coruncy=="GBP"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "199/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "379/mo"
}
else if(coruncy=="AUD"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "359/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "729/mo"
}
else if(coruncy=="CAD"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "329/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "599/mo"
}
else if(coruncy=="INR"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "19,915/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "43,915/mo"
}
}
document.querySelector("#coruncy>div:first-child").addEventListener("click",change1);
function change1(){
document.querySelector("#coruncy>div:first-child").style.backgroundColor="white";
document.querySelector("#coruncy>div:first-child").style.color="#4300a3";
document.querySelector("#coruncy>div:nth-child(2)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(2)").style.color="white";
document.querySelector("#coruncy>div:nth-child(3)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(3)").style.color="white";
document.querySelector("#coruncy>div:nth-child(4)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(4)").style.color="white";
document.querySelector("#coruncy>div:nth-child(5)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(5)").style.color="white";
document.querySelector("#coruncy>div:nth-child(6)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(6)").style.color="white";
coruncy="USD"
document.querySelector("#prices>div:nth-child(1)>h3").innerText = "USD"
document.querySelector("#prices>div:nth-child(2)>h3").innerText = "USD"
document.querySelector("#prices>div:nth-child(3)>h3").innerText = "USD"
if(AM=="ANNUAL"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "249/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "549/mo"
}
else if(AM=="MONTHLY"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "299/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "599/mo"
}
console.log(coruncy)
}
document.querySelector("#coruncy>div:nth-child(2)").addEventListener("click",change2);
function change2(){
document.querySelector("#coruncy>div:nth-child(2)").style.backgroundColor="white";
document.querySelector("#coruncy>div:nth-child(2)").style.color="#4300a3";
document.querySelector("#coruncy>div:nth-child(1)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(1)").style.color="white";
document.querySelector("#coruncy>div:nth-child(3)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(3)").style.color="white";
document.querySelector("#coruncy>div:nth-child(4)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(4)").style.color="white";
document.querySelector("#coruncy>div:nth-child(5)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(5)").style.color="white";
document.querySelector("#coruncy>div:nth-child(6)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(6)").style.color="white";
coruncy="EUR"
document.querySelector("#prices>div:nth-child(1)>h3").innerText = "EUR"
document.querySelector("#prices>div:nth-child(2)>h3").innerText = "EUR"
document.querySelector("#prices>div:nth-child(3)>h3").innerText = "EUR"
if(AM=="ANNUAL"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "249/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "549/mo"
}
else if(AM=="MONTHLY"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "299/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "599/mo"
}
}
document.querySelector("#coruncy>div:nth-child(3)").addEventListener("click",change3);
function change3(){
document.querySelector("#coruncy>div:nth-child(3)").style.backgroundColor="white";
document.querySelector("#coruncy>div:nth-child(3)").style.color="#4300a3";
document.querySelector("#coruncy>div:nth-child(2)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(2)").style.color="white";
document.querySelector("#coruncy>div:nth-child(1)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(1)").style.color="white";
document.querySelector("#coruncy>div:nth-child(4)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(4)").style.color="white";
document.querySelector("#coruncy>div:nth-child(5)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(5)").style.color="white";
document.querySelector("#coruncy>div:nth-child(6)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(6)").style.color="white";
coruncy="GBP"
document.querySelector("#prices>div:nth-child(1)>h3").innerText = "GBP"
document.querySelector("#prices>div:nth-child(2)>h3").innerText = "GBP"
document.querySelector("#prices>div:nth-child(3)>h3").innerText = "GBP"
if(AM=="ANNUAL"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "199/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "379/mo"
}
else if(AM=="MONTHLY"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "249/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "449/mo"
}
}
document.querySelector("#coruncy>div:nth-child(4)").addEventListener("click",change4);
function change4(){
document.querySelector("#coruncy>div:nth-child(4)").style.backgroundColor="white";
document.querySelector("#coruncy>div:nth-child(4)").style.color="#4300a3";
document.querySelector("#coruncy>div:nth-child(2)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(2)").style.color="white";
document.querySelector("#coruncy>div:nth-child(3)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(3)").style.color="white";
document.querySelector("#coruncy>div:nth-child(1)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(1)").style.color="white";
document.querySelector("#coruncy>div:nth-child(5)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(5)").style.color="white";
document.querySelector("#coruncy>div:nth-child(6)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(6)").style.color="white";
coruncy="AUD"
document.querySelector("#prices>div:nth-child(1)>h3").innerText = "AUD"
document.querySelector("#prices>div:nth-child(2)>h3").innerText = "AUD"
document.querySelector("#prices>div:nth-child(3)>h3").innerText = "AUD"
if(AM=="ANNUAL"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "359/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "729/mo"
}
else if(AM=="MONTHLY"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "419/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "799/mo"
}
}
document.querySelector("#coruncy>div:nth-child(5)").addEventListener("click",change5);
function change5(){
document.querySelector("#coruncy>div:nth-child(5)").style.backgroundColor="white";
document.querySelector("#coruncy>div:nth-child(5)").style.color="#4300a3";
document.querySelector("#coruncy>div:nth-child(2)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(2)").style.color="white";
document.querySelector("#coruncy>div:nth-child(3)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(3)").style.color="white";
document.querySelector("#coruncy>div:nth-child(4)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(4)").style.color="white";
document.querySelector("#coruncy>div:nth-child(1)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(1)").style.color="white";
document.querySelector("#coruncy>div:nth-child(6)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(6)").style.color="white";
coruncy="CAD"
document.querySelector("#prices>div:nth-child(1)>h3").innerText = "CAD"
document.querySelector("#prices>div:nth-child(2)>h3").innerText = "CAD"
document.querySelector("#prices>div:nth-child(3)>h3").innerText = "CAD"
if(AM=="ANNUAL"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "329/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "599/mo"
}
else if(AM=="MONTHLY"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "399/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "699/mo"
}
}
document.querySelector("#coruncy>div:nth-child(6)").addEventListener("click",change6);
function change6(){
document.querySelector("#coruncy>div:nth-child(6)").style.backgroundColor="white";
document.querySelector("#coruncy>div:nth-child(6)").style.color="#4300a3";
document.querySelector("#coruncy>div:nth-child(2)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(2)").style.color="white";
document.querySelector("#coruncy>div:nth-child(3)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(3)").style.color="white";
document.querySelector("#coruncy>div:nth-child(4)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(4)").style.color="white";
document.querySelector("#coruncy>div:nth-child(5)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(5)").style.color="white";
document.querySelector("#coruncy>div:nth-child(1)").style.backgroundColor="#8b5dca";
document.querySelector("#coruncy>div:nth-child(1)").style.color="white";
coruncy="INR"
document.querySelector("#prices>div:nth-child(1)>h3").innerText = "INR"
document.querySelector("#prices>div:nth-child(2)>h3").innerText = "INR"
document.querySelector("#prices>div:nth-child(3)>h3").innerText = "INR"
if(AM=="ANNUAL"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "19,915/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "43,915/mo"
}
else if(AM=="MONTHLY"){
document.querySelector("#prices>div:nth-child(2)>h1").innerText = "23,890/mo"
document.querySelector("#prices>div:nth-child(3)>h1").innerText = "47,890/mo"
}
}