Voici une solution possible.
* On a remplacé le `"div"` hardcodé par une variable, qui est passée en argument.
* Au lieu d'aller chercher le `body`, on récupère l'élément ciblé via son `id`.

```html
<h4>La recette du quatre-quarts</h4>
<ul id="ingredients"></ul>
<h4>Article de fond sur Toulouse</h4>
<div id="article"></div>

<script>
function ajouteElement(idCible, balise, texte) {
  var nouvelElem = document.createElement(balise);
  var nouveauContenu = document.createTextNode(texte);
  nouvelElem.appendChild(nouveauContenu);

  var elementCible = document.getElementById(idCible);
  elementCible.appendChild(nouvelElem);
}
// Utilisation de la nouvelle fonction avec différents paramètres
var ingredients = ['Farine', 'Oeufs', 'Beurre', 'Sucre'];
for(var i = 0 ; i < ingredients.length ; i++) {
  ajouteElement('ingredients', 'li', ingredients[i]);
}
var paragraphes = [
  'Toulouse est la 4ème ville de France.',
  'On y dit CHOCOLATINE et pas "pain au chocolat".'
];
// Note que dans cette boucle on ne DOIT PAS re-déclarer i,
// car elle a déjà déclarée avant
for(i = 0 ; i < paragraphes.length ; i++) {
  ajouteElement('article', 'p', paragraphes[i]);
}
</script>
```
