|
|
@ -5,15 +5,18 @@ const panel = document.querySelector('#panel')
|
|
|
|
let selectedRating = 'Satisfied'
|
|
|
|
let selectedRating = 'Satisfied'
|
|
|
|
|
|
|
|
|
|
|
|
ratingsContainer.addEventListener('click', (e) => {
|
|
|
|
ratingsContainer.addEventListener('click', (e) => {
|
|
|
|
if(e.target.parentNode.classList.contains('rating')) {
|
|
|
|
if(e.target.parentNode.classList.contains('rating') && e.target.nextElementSibling) {
|
|
|
|
removeActive()
|
|
|
|
removeActive()
|
|
|
|
e.target.parentNode.classList.add('active')
|
|
|
|
e.target.parentNode.classList.add('active')
|
|
|
|
selectedRating = e.target.nextElementSibling.innerHTML
|
|
|
|
selectedRating = e.target.nextElementSibling.innerHTML
|
|
|
|
}
|
|
|
|
} else if(
|
|
|
|
if(e.target.classList.contains('rating')) {
|
|
|
|
e.target.parentNode.classList.contains('rating') &&
|
|
|
|
|
|
|
|
e.target.previousSibling &&
|
|
|
|
|
|
|
|
e.target.previousElementSibling.nodeName === 'IMG'
|
|
|
|
|
|
|
|
) {
|
|
|
|
removeActive()
|
|
|
|
removeActive()
|
|
|
|
e.target.classList.add('active')
|
|
|
|
e.target.parentNode.classList.add('active')
|
|
|
|
selectedRating = e.target.nextElementSibling.innerHTML
|
|
|
|
selectedRating = e.target.innerHTML
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|