I have an xml document, a script.js and an html page where the following test should occur, I click a button on the page and a function must be executed in the script that removes a group of nodes from the xml file, follows it below
FILE.XML
<?xml version="1.0" encoding="utf-8"?>
<filmes>
<filme>
<titulo>A Casa Branca</titulo>
<genero>comédia</genero>
<ano>1999</ano>
<faixaEtaria>+10</faixaEtaria>
</filme>
<filme>
<titulo>A casa monstro</titulo>
<genero>animação</genero>
<ano>2007</ano>
<faixaEtaria>+10</faixaEtaria>
</filme>
<filme>
<titulo>O grito</titulo>
<genero>terror/suspense</genero>
<ano>2003</ano>
<faixaEtaria>+14</faixaEtaria>
</filme>
<filme>
<titulo>Pânico</titulo>
<genero>suspense</genero>
<ano>2006</ano>
<faixaEtaria>+14</faixaEtaria>
</filme>
</filmes>
And when I click the page button, it should remove the first group of nodes from the movie node, consequently the code will look like this
<?xml version="1.0" encoding="utf-8"?>
<filmes>
<titulo>A casa monstro</titulo>
<genero>animação</genero>
<ano>2007</ano>
<faixaEtaria>+10</faixaEtaria>
</filme>
<filme>
<titulo>O grito</titulo>
<genero>terror/suspense</genero>
<ano>2003</ano>
<faixaEtaria>+14</faixaEtaria>
</filme>
<filme>
<titulo>Pânico</titulo>
<genero>suspense</genero>
<ano>2006</ano>
<faixaEtaria>+14</faixaEtaria>
</filme>
</filmes>
I have already researched the removeChild but I can not create a function that removes the nodes from the xml file, I need a lot of help because I can not find any solutions to this, so any example function that solves the problem will be very useful.