8.11: Correction

<!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 parfums=document.querySelectorAll('#parfums span');
			for(let i=0;i<parfums.length;i++)
			{
			  parfums[i].addEventListener('click',function(){
				console.log(this);
				let ligne=document.createElement('li');
				ligne.textContent=this.textContent;
				let panier=document.getElementById('panier');
				panier.append(ligne);
			  });
			}
		</script>
	</body>
</html>