JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <center><h1> Retrouver le mot de passe. </h1></center>
</header>
<center>
<p class="texte">Votre ami est partit sans vous prévenir, et il à laisser ses clefs de maison, vous ne pouvez pas l'appeller au téléphone puisqu'il à changé recemment de numéro et qu'il ne vous l'a pas encore transmit. De plus, il a laissé son ordinateur allumé avec sa boite mail. Retrouvez son numéro et appellez le pour le prévenir. </p>
</center>


<p>
  <select id="mails">
    <option value="0">Choisissez un mail..</option>
    <option value="1">Okéa - Votre livraison est en cours d'acheminement !</option>
    <option value="2">Fakebook - Vous avez un message de Jean Paindemie.</option>
    <option value="3">EasyCandy - 50% de réduction sur vos produits favoris !</option>
    <option value="4">Stim - Un article de votre liste de souhaits est en soldes.</option>
  </select>
<p>

    <TEXTAREA readonly id = "mail" rows=10 COLS=40></TEXTAREA>
  </p>
  </p>
<p id="indice"></p>
<p id="verdict"></p>
<a href="menu.html"/><img id = "continuer" style="display:none" src="CSS/images/avantgout/boutoncontinuer.png"/></a>

JavaScript

var choice = document.querySelector('#mails');
// On écoute l'événement 'change', et non 'onchange' qui est utilisé dans l'HTML
// Chaque fois que la valeur change on appel la fonction choixmail();
choice.addEventListener('change', function(){
  choixmail();
})

function choixmail(){
	// Log de la value du select
  console.log(choice.value);
  var x = 'test';
  // Selection du textarea
  var textarea = document.querySelector('#mail');
  
  // Si la valeur du select est égale à 1 alors...
  // Renseignes toi sur parseInt si tu ne sais pas déjà ce que c'est
  if(parseInt(choice.value) === 1){
  		textarea.value = x;
  }else{
  // Sinon textarea vide, ou ce que tu souhaites...
  		textarea.value = '';
  }
  
}