Vivez une aventure coopérative époustouflante dans Split Fiction ! Vivez des moments époustouflants en vous plongeant dans les nombreux mondes de Split Fiction, une aventure d'action coopérative qui repousse les limites du studio à l'origine du gagnant du jeu de l'année 2021, It Takes Two. Mio et Zoe sont des écrivaines contrastées — l'une écrit de la science-fiction et l'autre de la fantasy — qui se retrouvent piégées dans leurs propres histoires après avoir été connectées à une machine conçue pour voler leurs idées créatives. Ils devront compter les uns sur les autres pour se libérer avec leurs souvenirs intacts, travailler ensemble pour maîtriser diverses capacités et surmonter divers défis tout en sautant entre le monde de la science-fiction et le monde fantastique dans cette histoire d'amitié inattendue. Cette aventure en écran partagé est conçue pour deux personnes. Découvrez un mode coopératif où vous devrez coordonner vos actions et votre chronométrage, ainsi que travailler ensemble pour surmonter les défis. Invitez un partenaire à vous rejoindre gratuitement, pour jouer sur plusieurs plateformes, avec le Friend's Pass *. Une minute, vous domptez d'adorables dragons et la minute suivante, vous incarnez des cyber-ninjas, vous échappez à de terrifiants trolls ou vous esquivez des voitures en vol stationnaire lancées par un agent de parking robotique. C'est bizarre, c'est fou et c'est conçu pour être partagé.

Pour résoudre ce problème, nous devons reformater le code HTML en fonction d'un tableau JSON donné de configuration système requise. Le tableau JSON peut correspondre à une exigence système unique ou à plusieurs exigences système. Chaque exigence peut être spécifiée sous la forme d'une paire clé-valeur ou d'une chaîne contenant des éléments HTML. L'objectif est de générer un code HTML correctement structuré pour chaque exigence du système. ### Approche 1. **Identifiez la configuration système** : vérifiez si le tableau d'entrée contient des objets dotés d'une touche « système », indiquant plusieurs systèmes, ou un seul système sans la touche « système ». 2. **Configuration requise pour traiter un seul système** : pour un seul système, convertissez chaque paire clé-valeur en une liste HTML structurée. 3. **Traitez plusieurs exigences systèmes** : pour plusieurs systèmes, la chaîne requise de chaque système est analysée pour extraire les paires clé-valeur. Ces paires sont ensuite structurées en listes HTML pour chaque système. 4. **Générer du HTML** : créez la sortie HTML en parcourant chaque système (s'il est multiple) ou chaque paire clé-valeur (si elle est unique), en créant des éléments div avec des en-têtes, des spécifications minimales et des listes non ordonnées. ### Code de solution ```javascript fonction ReformatHTML (entrée) { let output = « ; const hasSystem = input.some (item => « système » dans l'élément) ; si (! Système Hass) { sortie += ` ; } autre { Input.forEach (système, index) => { const key = Object.keys (système) [0] ; exigences const = système [clé] ; const ULRegex =/

([\ s \ S] < \ /ul> *)/; const match = requirements.match (ULRegex) ; laisser ListContent = correspondre ? correspond à [1] : « ; const LireGex =/
• ([\ s \ S] * ?) < \ /li>/g ; const list = ListContent.match (LireGex) || [] ; entrées const = lis.map (li) => { const StrongRegex =/(.* ?) < \ /strong>/ ; const ValueRegex =/(.* ?) < \ /strong>( .*)/; const StrongMatch = StrongMatch (... arguments) ; const ContentMatch = ValueRegex.exec (li) ; clé const = ContentMatch ? ContentMatch [1] .trim () : « ; valeur constante = ContentMatch ? ContentMatch [2] .trim () : « ; return {clé, valeur} ; }) .filter (entrée => entry.key && entry.value) ; sortie += `

  Configuration système requise pour $ {system.system}

  
  

  SPÉCIFICATIONS MINIMALES

  `; Entries.forEach (entrée => { sortie += `
  • $ {entry.key} : $ {entry.value
  } `; }) ; sortie += « »
   ; si (index < longueur d'entrée - 1) { sortie += « 
  
  » ; } }) ; } sortie de retour ; } ``` ### Explication 1. **Identifier la configuration système** : La fonction vérifie d'abord si le tableau d'entrée contient des objets avec une touche « système ». Cela permet de déterminer s'il convient de traiter une ou plusieurs exigences du système. 2. **Configuration requise pour un seul système** : s'il existe une seule exigence système, la fonction parcourt chaque paire clé-valeur et construit une liste HTML dans un élément div. 3. **Traitez plusieurs exigences systèmes** : pour plusieurs systèmes, la chaîne requise de chaque système est analysée à l'aide d'expressions régulières pour extraire des paires clé-valeur. Ces paires sont ensuite utilisées pour construire la structure HTML de chaque système. 4. **Générer du HTML** : la fonction construit la sortie HTML en encapsulant les exigences de chaque système dans un élément div avec des titres et des listes appropriés. Pour plusieurs systèmes, chaque div est suivi de sauts de ligne pour séparer visuellement les systèmes. Cette approche garantit que les exigences système uniques et multiples sont correctement formatées en HTML structuré, ce qui facilite l'affichage des spécifications du système de manière conviviale.