ojs
ojs
Comments (1)
antonbardera
Oct 25, 2020Hi Sara!
Good job!
The problem with this code is that you are always appending new child to the list, so it always increases. One way to solve that would be to change your code above by:
{
document.getElementById("myList").innerHTML = '';
filtered.forEach(function(item) {
let li = document.createElement("li");
li.appendChild(document.createElement("b")).appendChild(document.createTextNode(item.Name + ": "));
li.appendChild(document.createTextNode(item.Cylinders + " cylinders"));
li.appendChild(document.createElement("br"));
document.getElementById("myList").appendChild(li);
});
}
The idea is to add the line
document.getElementById("myList").innerHTML = '';
that removes all the current elements on the list.