bonjour les experts
comment différer l'affichage d'un texte ?
ci-dessous mon code

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<body>
<p>Click et attends 5 seconds, then alert "Hello".</p>
 
<button onclick="myFunction()">Try it</button>
 
<script>
function myFunction() 
{
  window.setTimeout(function()
 {alert("Hello"); }, 5000); 
  document.open();
  document.write("<h1>et maintenant le retardé !</h1>");
  document.close();
}
</script>
<br>
on m'affiche aussitot
</body>
</html>

1-le dernier texte, on m'affiche aussitôt,
est affiché dés l'ouverture du navigateur
(bon, j'en conclus que setimeout n'est pas bloquant ,)
mais
2-le texte et maintenant le retardé
contenu dans la fonction,
est affiché dès le clic sur Try

comment lui faire attendre la fin du setimout pour s'afficher ?
motivation de la demande : réalisation de petits quizz en local
merci d'avance