-
Notifications
You must be signed in to change notification settings - Fork 21
/
app.js
24 lines (22 loc) · 1.2 KB
/
app.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
"use strict";
const toggleBtn = document.querySelector(".toggle-btn");
const toggleArea = document.querySelector(".toggle-area");
const basicPrice = document.querySelector(".price-1");
const profPrice = document.querySelector(".price-2");
const masterPrice = document.querySelector(".price-3");
toggleArea.addEventListener("click", function (e) {
e.preventDefault();
if (toggleArea.classList.contains("monthly")) {
toggleArea.classList.remove("monthly");
toggleArea.classList.add("anually");
basicPrice.innerHTML = `<p class="price-1"> <span class="dollar-sign">$</span>199.99</p>`;
profPrice.innerHTML = ` <p class="price-2"> <span class="dollar-sign">$</span>249.99</p>`;
masterPrice.innerHTML = ` <p class="price-3"> <span class="dollar-sign">$</span>399.99</p>`;
} else {
toggleArea.classList.add("monthly");
toggleArea.classList.remove("anually");
basicPrice.innerHTML = `<p class="price-1"> <span class="dollar-sign">$</span>19.99</p>`;
profPrice.innerHTML = ` <p class="price-2"> <span class="dollar-sign">$</span>24.99</p>`;
masterPrice.innerHTML = ` <p class="price-3"> <span class="dollar-sign">$</span>39.99</p>`;
}
});