uploaded site and api data

site/feedback.js

@@ -0,0 +1,52 @@
+const rating = document.querySelector('.rating');
+const child = document.querySelectorAll('.child');
+const feedback_section = document.querySelector('.feedback-section');
+const btn = document.querySelector('#btn');
+
+let icon;
+rating.addEventListener('click', (event) => {
+
+   icon = event.target.parentNode;
+
+   for(let i=0; i<child.length; i++){
+      console.log(child[i])
+      child[i].classList.remove('active');
+   }
+
+   if(!icon.classList.contains('active')){
+       icon.classList.add('active');
+   }
+    // console.log(event.target.parentNode);
+})
+
+btn.addEventListener('click', () => {
+   console.log(icon);
+
+   let user_feedback;
+   let user_feedback_icon;
+
+   if(icon === undefined){
+      user_feedback = "";
+   }else{
+      user_feedback = icon.children[1].innerText;
+      user_feedback_icon = icon.children[0].innerText;
+   }
+
+   if(user_feedback !== ""){
+      // console.log(user_feedback_icon)
+      feedback_section.innerHTML = `
+         <div class="response-screen ">
+            <p>${user_feedback_icon}</p>
+            <h3>your Feedback: ${user_feedback}</h3>
+            <p>💖 Thank You  for your response</p>
+      
+         <div class="feedback-button">
+            <a href="index.html">Back</a>
+           </div>
+        </div>
+      `
+   }
+
+
+
+})