7.11: Correction

 
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8"/>
		<title>Ajouter ligne</title>
	</head>
	<body>
		<p>
			<input id="nom" type="text"/>
			<input id="ajouter" type="button" value="ajouter"/>
		</p>
		<ul>
			<li>Karim</li>
			<li>Fatoumata</li>
		</ul>
		<script>
			let bouton=document.getElementById('ajouter');
			bouton.addEventListener('click',function(){
			    let ligne=document.createElement('li');
			    ligne.textContent=document.getElementById('nom').value;
			    document.querySelector('ul').append(ligne);
			});
		</script>
	</body>
</html>