All comments

• 

  newman-afk•220

  @newman-afkSubmitted over 1 year ago

  This project should use API/Json-file for the data, and I use data to create divs for notification items, the question is: I can not use querySelectorAll to get that divs and change the class for change unmarked status. I wondering why

  

  You should use Js framework for this

  1

  30
  

  Chinaza•130

  @chinaza-SommiePosted over 1 year ago

  Hello newman-afk, Hope you are good. I saw your question and the way i understand it, you are trying to access the classes using querySelectorAll. Inorder to do this, you would need to loop through the number of divs that have the class you are trying to access. You can use forEach loop or the for loop. Whichever one you are confortable with.

  Please do reach out to me to let me know if it works. Happy coding!

  1

  This comment has received 5 repliesShow
• 

  Min•20

  @Min123123Submitted over 1 year ago

  // If i click the grade, this grade will show up on modal page btn1.addEventListener('click', function() { btn1.style.backgroundColor = 'hsl(25, 97%, 53%)';

  // showing up on modal page by creating button tag.
  const desc = document.createElement('button');
  desc.innerText = 'You selected 1 out of 5';
  ratingdesc.appendChild(desc);
  

  There is one thing i can't solve by myself, when i click same grade twice or more, text i created 'You selected ~' shows up again and again.

  And of course it doesn't remove as i click other grades.

  I googled to solve it, but i have no idea how can i do ;(

  Im looking for some good advices, thanks!

  

  Interactive Rating Component

  1

  20
  

  Chinaza•130

  @chinaza-SommiePosted over 1 year ago

  Hello Min, Hope your are good. Your code is quite cool but I noticed that there was an issue when you click on submit.

  This is the solution to the issue:

  • Remove the line of code that creats a button in each of the btn. I think that is lines 224, 240, 254, 268 and 282. Write it in the general scope so that it would be one button. Adding the create button in each of those oclick event handlers would create a button for each button you click. Therefore making it one button outside of the onclick functions would create one button and then when you click on any button it would append to that one button which you created in the general scope. NB : Add it after you have created the btn5 constant. Like this:

  const btn5 = document.querySelector('.five'); const desc = document.createElement('button');

  Please do reach to me to let me know if this solves the issue. Happy coding!

  0