This repository has been archived by the owner on Jul 19, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
app.js
30 lines (29 loc) · 1.11 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
25
26
27
28
29
30
const ratingNumbers = document.querySelectorAll(".rating-number");
const defaultActive = document.querySelector(".default-active");
const submitbtn = document.querySelector(".btn");
const resultCard = document.querySelector(".back-section");
const questionCard = document.querySelector(".front-section");
const resultText = document.querySelector(".result-text");
//Targeting selected value
ratingNumbers.forEach((button) => {
button.addEventListener("click", function () {
ratingNumbers.forEach((ifSelected) => {
ifSelected.classList.remove("was-selected");
});
button.classList.add("was-selected");
defaultActive.classList.remove("default-active");
});
});
//Rendering selected value
submitbtn.addEventListener("click", function () {
const wasSelected = document.querySelector(".was-selected");
// Check if the value was selected
if (wasSelected === null) {
window.alert("Please select a value ⁉️");
}
else {
resultCard.classList.add("show-card");
questionCard.classList.add("hide-card");
resultText.textContent = `You selected ${wasSelected.textContent} out of 5`;
}
});