Bonjour,

Voilà, je suis en train de me former autour de la question des promesses et de l'asynchrone en js. Je fais des petits tests hors réalisation de projet.
Voici le code défectueux:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
const wrapper = document.getElementById('wrapper');
 
async function updateText(wrapper, message) {
  setTimeout(() => wrapper.innerHTML += message, 2000);  
}
 
updateText(wrapper, "test").then(
  updateText(wrapper, " bla")
).then(
  updateText(wrapper, ' et blabla')
)
Le HTML correspondant contient une balise div dont l'id est "wrapper".
Mon problème: je m'attends à ce qu'il y ait une pause de deux secondes entre les rajouts de textes successifs. Mais il y a seulement un délai de 2 secondes pour le premier affichage puis tout le texte s'affiche sans pause ultérieure.

Merci d'avance pour vos éventuelles aides.
N.B.: je suis bien en train de lire diverses ressources tout en réalisant mes tests.

Raphaël