5: Bubbling et HTML généré

Quand l'utilisateur clique sur un parfum déjà dans le panier (partie du bas), on voudrait le supprimer.
Réfléchissez pour essayer de trouver tout seul une solution...
On va le faire, ensemble, dans les pages suivantes.

Rappel:

panier-bubbling.html

<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8"/>
		<title>Jeu</title>
		<style type=>
			#parfums span
			{
				padding: .5em;
				margin: 1em;
				border: 1px solid blue;
			}
			#parfums span:hover
			{
				background-color: #ffa;
			}			
		</style>
	</head>
	<body>
		<p id="parfums"><span>Fraise</span><span>Chocolat</span><span>Vanille</span><span>Framboise</span></p> 
		<h4>Panier:</h4>
		<ul id="panier">
		</ul>
		<script>
			let p=document.getElementById('parfums');
			p.addEventListener('click',function(event){
			  console.log('Click');
			  if(event.target.nodeName!=='SPAN'){return;}
			  let ligne=document.createElement('li');
			  ligne.textContent=event.target.textContent;
			  let panier=document.getElementById('panier');
			  panier.append(ligne);
			});
		</script>
	</body>
</html>