fr: Format /web/api using Prettier (part 9) (#14609)

files/fr/web/api/storage/length/index.md

@@ -24,9 +24,9 @@ La fonction suivante ajoute trois éléments au localStorage du domaine courant
 
 ```js
 function populateStorage() {
-  localStorage.setItem('bgcolor', 'yellow');
-  localStorage.setItem('font', 'Helvetica');
-  localStorage.setItem('image', 'cats.png');
+  localStorage.setItem("bgcolor", "yellow");
+  localStorage.setItem("font", "Helvetica");
+  localStorage.setItem("image", "cats.png");
 
   localStorage.length; // retourne 3 si localStorage est vide au préalable
 }

files/fr/web/api/storage/removeitem/index.md

@@ -31,23 +31,23 @@ La fonction suivante crée trois données dans le stockage local, puis va suppri
 
 ```js
 function populateStorage() {
-  localStorage.setItem('bgcolor', 'red');
-  localStorage.setItem('font', 'Helvetica');
-  localStorage.setItem('image', 'myCat.png');
+  localStorage.setItem("bgcolor", "red");
+  localStorage.setItem("font", "Helvetica");
+  localStorage.setItem("image", "myCat.png");
 
-  localStorage.removeItem('image');
+  localStorage.removeItem("image");
 }
 ```
 
 Nous pouvons également faire ceci avec le stockage de session.
 
 ```js
 function populateStorage() {
-  sessionStorage.setItem('bgcolor', 'red');
-  sessionStorage.setItem('font', 'Helvetica');
-  sessionStorage.setItem('image', 'myCat.png');
+  sessionStorage.setItem("bgcolor", "red");
+  sessionStorage.setItem("font", "Helvetica");
+  sessionStorage.setItem("image", "myCat.png");
 
-  sessionStorage.removeItem('image');
+  sessionStorage.removeItem("image");
 }
 ```
 

files/fr/web/api/storage/setitem/index.md

@@ -36,9 +36,9 @@ La fonction suivante crée trois éléments à l'intérieur du stockage local.
 
 ```js
 function remplissageStockage() {
-  localStorage.setItem('bgcolor', 'red');
-  localStorage.setItem('font', 'Helvetica');
-  localStorage.setItem('image', 'myCat.png');
+  localStorage.setItem("bgcolor", "red");
+  localStorage.setItem("font", "Helvetica");
+  localStorage.setItem("image", "myCat.png");
 }
 ```
 

files/fr/web/api/storage_api/index.md

@@ -67,7 +67,7 @@ Les agents utilisateurs peuvent utiliser toute méthode de leur choix pour déte
 Pour déterminer les valeurs de quota et d'usage estimées pour une origine donnée, utilisez la méthode {{domxref("StorageManager.estimate", "navigator.storage.estimate()")}}, qui retourne une promesse qui, une fois résolue, reçoit un {{domxref("StorageEstimate")}} qui contient ces nombres. Par exemple :
 
 ```js
-navigator.storage.estimate().then(estimate => {
+navigator.storage.estimate().then((estimate) => {
   // estimate.quota est le quota estimé
   // estimate.usage est le nombre estimé d’octets utilisés
 });

files/fr/web/api/storage_api/storage_quotas_and_eviction_criteria/index.md

@@ -26,11 +26,17 @@ Par défaut, le stockage temporaire sera utilisé dans la plupart des contextes
 Dans Firefox, vous pouvez choisir le type de stockage que vous souhaitez utiliser en incluant une option propriétaire — `storage` — lorsque vous créez une base de données IndexedDB en utilisant {{domxref ("IDBFactory.open ()", "open ()")}} :
 
 ```js
-var request = indexedDB.open("myDatabase", { version: 1, storage: "persistent" });
+var request = indexedDB.open("myDatabase", {
+  version: 1,
+  storage: "persistent",
+});
 ```
 
 ```js
-var request = indexedDB.open("myDatabase", { version: 1, storage: "temporary" });
+var request = indexedDB.open("myDatabase", {
+  version: 1,
+  storage: "temporary",
+});
 ```
 
 Dans Firefox, quand le stockage persistant est choisi, l'utilisateur reçoit une fenêtre de dialogue d'interface utilisateur pour l'avertir que ces données persisteront et lui demander s'il en est satisfait.
@@ -39,7 +45,7 @@ Les données de stockage temporaire ne provoquent aucune fenêtre de dialogue ve
 
 ### "Default storage" dans Firefox _(stockage par défaut)_
 
-C'est le troisième type de stockage à envisager dans Firefox — "Default storage" _(stockage par défaut)_. C'est une option par défaut, utilisée quand vous ne spécifiez pas le paramètre `storage`  vu ci-dessus. Les données du stockage par défaut se comportent différemment selon les circonstances : assimilées aux données d'un stockage persistant pour les applications installées de Firefox OS, ou d'un stockage temporaire pour tout autre type d'utilisation.
+C'est le troisième type de stockage à envisager dans Firefox — "Default storage" _(stockage par défaut)_. C'est une option par défaut, utilisée quand vous ne spécifiez pas le paramètre `storage` vu ci-dessus. Les données du stockage par défaut se comportent différemment selon les circonstances : assimilées aux données d'un stockage persistant pour les applications installées de Firefox OS, ou d'un stockage temporaire pour tout autre type d'utilisation.
 
 ## Où sont stockées les données ?
 

files/fr/web/api/storagemanager/estimate/index.md

@@ -13,7 +13,7 @@ Cette méthode est asynchrone est renvoie une [promesse](/fr/docs/Web/JavaScript
 ## Syntaxe
 
 ```js
-estimate()
+estimate();
 ```
 
 ### Paramètres
@@ -47,17 +47,19 @@ Dans cet exemple, on récupère les estimations de l'espace utilisé et du quota
 
 ```html
 <label>
-  Vous utilisez actuellement <output id="percent">
-  </output>% du stockage disponible.
+  Vous utilisez actuellement <output id="percent"> </output>% du stockage
+  disponible.
 </label>
 ```
 
 ### JavaScript
 
 ```js
-navigator.storage.estimate().then(function(estimate) {
-  document.getElementById("percent").value =
-      (estimate.usage / estimate.quota * 100).toFixed(2);
+navigator.storage.estimate().then(function (estimate) {
+  document.getElementById("percent").value = (
+    (estimate.usage / estimate.quota) *
+    100
+  ).toFixed(2);
 });
 ```
 

files/fr/web/api/storagemanager/persist/index.md

@@ -26,11 +26,15 @@ Une {{jsxref('Promise')}} qui se résoud en un {{jsxref('Boolean')}}.
 
 ```js
 if (navigator.storage && navigator.storage.persist)
-  navigator.storage.persist().then(function(persistent) {
+  navigator.storage.persist().then(function (persistent) {
     if (persistent)
-      console.log("Le stockage ne sera pas nettoyé sauf en cas d’action humaine explicite");
+      console.log(
+        "Le stockage ne sera pas nettoyé sauf en cas d’action humaine explicite",
+      );
     else
-      console.log("Le stockage peut être nettoyé par l’UA en cas de pression de stockage.");
+      console.log(
+        "Le stockage peut être nettoyé par l’UA en cas de pression de stockage.",
+      );
   });
 ```
 

files/fr/web/api/storagemanager/persisted/index.md

@@ -26,11 +26,15 @@ Une {{jsxref('Promise')}} qui se résoud en un {{jsxref('Boolean')}}.
 
 ```js
 if (navigator.storage && navigator.storage.persist)
-  navigator.storage.persisted().then(function(persistent) {
+  navigator.storage.persisted().then(function (persistent) {
     if (persistent)
-      console.log("Le stockage ne sera pas nettoyé sauf en cas d’action humaine explicite");
+      console.log(
+        "Le stockage ne sera pas nettoyé sauf en cas d’action humaine explicite",
+      );
     else
-      console.log("Le stockage peut être nettoyé par l’UA en cas de pression de stockage.");
+      console.log(
+        "Le stockage peut être nettoyé par l’UA en cas de pression de stockage.",
+      );
   });
 ```
 

files/fr/web/api/subtlecrypto/digest/index.md

@@ -62,12 +62,13 @@ Cet algorithme est spécifié dans [FIPS 180-4](https://nvlpubs.nist.gov/nistpub
 Cet exemple encode un message, puis calcule le condensé avec SHA-256, enfin affiche la longueur du résultat.
 
 ```js
-const text = 'Un obscur message venant du le système S-K, votre majesté. Ses habitants le nomment la planète Terre.';
+const text =
+  "Un obscur message venant du le système S-K, votre majesté. Ses habitants le nomment la planète Terre.";
 
 async function digestMessage(message) {
   const encoder = new TextEncoder();
   const data = encoder.encode(message);
-  const hash = await crypto.subtle.digest('SHA-256', data);
+  const hash = await crypto.subtle.digest("SHA-256", data);
   return hash;
 }
 
@@ -80,13 +81,16 @@ console.log(digestBuffer.byteLength);
 Le condensé est retourné sous forme d'un `ArrayBuffer`, mais la comparaison et l'affichage se fait souvent avec des chaînes hexadécimales. Cet exemple calcule un condensé puis converti l'`ArrayBuffer` vers une chaîne hexadécimale.
 
 ```js
-const text = 'Un obscur message venant du le système S-K, votre majesté. Ses habitants le nomment la planète Terre.';
+const text =
+  "Un obscur message venant du le système S-K, votre majesté. Ses habitants le nomment la planète Terre.";
 
 async function digestMessage(message) {
-  const msgUint8 = new TextEncoder().encode(message);                           // encode comme (utf-8) Uint8Array
-  const hashBuffer = await crypto.subtle.digest('SHA-256', msgUint8);           // fait le condensé
-  const hashArray = Array.from(new Uint8Array(hashBuffer));                     // convertit le buffer en tableau d'octet
-  const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join(''); // convertit le tableau en chaîne hexadélimale
+  const msgUint8 = new TextEncoder().encode(message); // encode comme (utf-8) Uint8Array
+  const hashBuffer = await crypto.subtle.digest("SHA-256", msgUint8); // fait le condensé
+  const hashArray = Array.from(new Uint8Array(hashBuffer)); // convertit le buffer en tableau d'octet
+  const hashHex = hashArray
+    .map((b) => b.toString(16).padStart(2, "0"))
+    .join(""); // convertit le tableau en chaîne hexadélimale
   return hashHex;
 }
 

files/fr/web/api/svgaelement/index.md

@@ -52,8 +52,8 @@ L'interface `SVGAElement` fournit un accès aux propriétés des éléments [`<a
 
 ## Propriétés
 
-| Nom     | Type                                         | Description                                                                                           |
-| ------- | -------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
+| Nom     | Type                               | Description                                                                              |
+| ------- | ---------------------------------- | ---------------------------------------------------------------------------------------- |
 | `cible` | {{ domxref("SVGAnimatedString") }} | Correspond à attribuer {{ SVGAttr("cible") }} sur l'élément {{ SVGElement("a") }} donné. |
 
 ## Methodes

files/fr/web/api/svgrectelement/index.md

@@ -31,7 +31,7 @@ _Cette interface hérite aussi des propriétés de_ _{{domxref("SVGGeometryEleme
 
 ## Méthode
 
-*Cette interface n'implémente pas de méthodes spécifiques mais elle hérite des méthodes parentes de [`SVGGeometryElement`](/fr/docs/Web/API/SVGGeometryElement).*
+_Cette interface n'implémente pas de méthodes spécifiques mais elle hérite des méthodes parentes de [`SVGGeometryElement`](/fr/docs/Web/API/SVGGeometryElement)._
 
 ## Spécifications
 

files/fr/web/api/text/index.md

@@ -8,7 +8,7 @@ translation_of: Web/API/Text
 
 L'interface **`Text`** représente le contenu textuel d'un élément {{domxref("Element")}} ou d'un attribut {{domxref("Attr")}}. Si un élément n'a pas de balisage dans son contenu, il a un seul enfant implémentant `Text` qui contient le texte de l'élément. Par contre, si l'élément contient un balisage, il est analysé par les éléments d'information et les noeuds `Text` qui sont ses enfants.
 
-Un nouveau document a un unique noeud `Text` pour chaque bloc de texte. Au fil du temps, d'autres noeuds peuvent être créés `Text` en temps que modification du contenu du document. La méthode {{domxref("Node.normalize()")}} fusionne les objets `Text`  dans un seul noeud pour chaque bloc de texte.
+Un nouveau document a un unique noeud `Text` pour chaque bloc de texte. Au fil du temps, d'autres noeuds peuvent être créés `Text` en temps que modification du contenu du document. La méthode {{domxref("Node.normalize()")}} fusionne les objets `Text` dans un seul noeud pour chaque bloc de texte.
 
 {{InheritanceDiagram}}
 

files/fr/web/api/text/splittext/index.md

@@ -17,7 +17,7 @@ Une {{domxref("DOMException")}} avec la valeur `INDEX_SIZE_ERR` est levée si l'
 ## Syntaxe
 
 ```js
-noeudRemplacant = noeudTexte.splitText(indice)
+noeudRemplacant = noeudTexte.splitText(indice);
 ```
 
 ## Exemple
@@ -29,15 +29,15 @@ Dans cet exemple, le nœud texte d'un {{HTMLElement("p")}} est séparé en deux
   <p id="p">foobar</p>
 
   <script type="text/javascript">
-    var p = document.getElementById('p');
+    var p = document.getElementById("p");
     var noeudTexte = p.firstChild;
 
     // coupe entre foo et bar
     var noeudRemplacant = noeudTexte.splitText(3);
 
     // crée un span avec ' contenu du span '
-    var span = document.createElement('span');
-    span.appendChild(document.createTextNode(' contenu du span '));
+    var span = document.createElement("span");
+    span.appendChild(document.createTextNode(" contenu du span "));
 
     // ajoute le span avant 'bar'
     p.insertBefore(span, noeudRemplacant);