Replace the data instead of adding data to existing one

Question

I am having a problem with my code:

b1 = document.getElementById('headerVv');
var playlistId = 'id';
document.addEventListener("DOMContentLoaded", doSomething)
b1.addEventListener('click', function() {
  playlistId = 'id2';
  doSomething(playlistId)
});

Function doSomething is generating the data on my page. The general thought was to fire up the page with the default playlistId, but when I trigger the eventListener to replace the current data with new playlistId. Swapping the playlistId works, but it's adding new data to the existing data instead of replacing it. Anyone could help me fix it?

"The general thought was to fire up the page with the default playlistId, but when I trigger the eventListener to replace the current data with new playlistId" <- I can't understand — ariel
– ariel, Commented Apr 4, 2020 at 5:23
Can you post a working code so that we could help you fix the issue? Without knowing what doSomething is doing, we can't help here — SpiritOfDragon
– SpiritOfDragon, Commented Apr 4, 2020 at 5:28
doSomething generates videos from youtube API based on the playlistId, When I open the page I want the function to run with the default playlistId witch is id, but when I trigger eventListener I want to run the function with new playlistId, but the data from the initial run of doSomothing stays. — Menor
– Menor, Commented Apr 4, 2020 at 5:28
Edit your question and post the code snippet of doSomething — SpiritOfDragon
– SpiritOfDragon, Commented Apr 4, 2020 at 5:28

ariel · Accepted Answer · 2020-04-04 06:11:17Z

1

You need to clear the contents before appending the new ones:

function resultsLoop(data) {
  $('main').empty();
  ...

Also consider naming your functions/variables properly, this will be rewarded in the long term.

edited Apr 4, 2020 at 6:11

answered Apr 4, 2020 at 5:53

ariel

16.2k13 gold badges65 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Menor Over a year ago

have you tested it on my codepen? I have added that, but still the same

Collectives™ on Stack Overflow

Replace the data instead of adding data to existing one

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related