Vivi una strabiliante avventura cooperativa in Split Fiction! Goditi momenti strabilianti mentre ti immergi nei tanti mondi di Split Fiction, un'avventura d'azione cooperativa all'avanguardia dello studio dietro il vincitore del Game of the Year 2021, It Takes Two. Mio e Zoe sono scrittori contrastanti: uno scrive fantascienza e l'altro fantasy, che rimangono intrappolati nelle proprie storie dopo essere stati agganciati a una macchina progettata per rubare le loro idee creative. Dovranno fare affidamento l'uno sull'altro per liberarsi con i loro ricordi intatti, lavorando insieme per padroneggiare una varietà di abilità e superare diverse sfide mentre saltano tra mondi fantascientifici e fantasy in questa inaspettata storia di amicizia. Questa avventura a schermo diviso è pensata per due persone. Prova un gameplay cooperativo in cui dovrai coordinare le tue azioni e i tuoi tempi e lavorare insieme per superare le sfide. Invita un partner a unirsi a te gratuitamente, per giocare su più piattaforme, con il Friend's Pass *. Un minuto stai addomesticando adorabili draghi e quello dopo combatti nei panni di cyber ninja, scappando da terrificanti troll o schivando le auto volanti lanciate da un parcheggiatore robotico.

È strano, è selvaggio ed è progettato per essere condiviso.

Per risolvere questo problema, dobbiamo riformattare l'HTML in base a un determinato array JSON di requisiti di sistema. L'array JSON può essere costituito da un singolo requisito di sistema o da più requisiti di sistema. Ogni requisito può essere specificato come coppia chiave-valore o come stringa contenente elementi HTML. L'obiettivo è generare un codice HTML strutturato correttamente per ogni requisito di sistema. ### Approccio 1. **Identifica i requisiti di sistema**: controlla se l'array di input contiene oggetti con una chiave «di sistema», che indica più sistemi, o un singolo sistema senza la chiave «sistema». 2. **Requisito di sistema singolo di processo**: per un singolo sistema, converti ogni coppia chiave-valore in un elenco HTML strutturato. 3. **Elabora più requisiti di sistema**: per più sistemi, la stringa dei requisiti di ogni sistema viene analizzata per estrarre coppie chiave-valore. Queste coppie vengono quindi strutturate in elenchi HTML per ciascun sistema. 4. **Genera HTML**: costruisci l'output HTML iterando su ogni sistema (se multiplo) o su ogni coppia chiave-valore (se singola), creando elementi div con intestazioni, specifiche minime ed elenchi non ordinati. ### Codice della soluzione ```javascript funzione reformaHTML (input) { let output = «; const hasSystem = input.some (item => 'system' nell'elemento); se (! Sistema HAS) { uscita += `; } altro { input.forEach ((sistema, indice) => { chiave const = Object.keys (system) [0]; requisiti const = system [chiave]; const ulRegEx =/

([\ s\ S <\ /ul>] *)/; const match = requirements.match (ulRegEx); lascia che listContent = corrisponda? corrispondenza [1]: «; const liRegEx =/
• ([\ s\ S] *?) <\ /li>const liRegEx =/([\ s\ S] *?) ----set----/g; const list = ListContent.match (LibreEx) || []; voci const = lis.map (li) => { const strongRegex =/(.*?) <\ /strong>const strongRegex =/(.*?) ----set----/; const valueRegex =/(.*?) <\ /strong>( .*)/; const strongMatch = StrongMatch (... argomenti); const contentMatch = ValueRegex.exec (li); chiave const = contentMatch? contentMatch [1] .trim (): «; valore const = contentMatch? contentMatch [2] .trim (): «; return {chiave, valore}; }) .filter (voce => entry.key && entry.value); uscita += `

  $ {system.system} Requisiti di sistema

  
  

  SPECIFICHE MINIME

  `; entries.forEach (voce => { uscita += `
  • $ {entry.key}: $ {entry.value}
  `; }); uscita += ''
  ; if (indice < input.length - 1) {
  
  uscita += ''; } }); } uscita di ritorno; } ``` ### Spiegazione 1. **Identifica i requisiti di sistema**: la funzione verifica innanzitutto se l'array di input contiene oggetti con una chiave «di sistema». Questo determina se elaborare uno o più requisiti di sistema. 2. **Requisito di sistema singolo di processo**: se esiste un singolo requisito di sistema, la funzione scorre ogni coppia chiave-valore e costruisce un elenco HTML all'interno di un elemento div. 3. **Elabora più requisiti di sistema**: per più sistemi, la stringa dei requisiti di ogni sistema viene analizzata utilizzando espressioni regolari per estrarre coppie chiave-valore. Queste coppie vengono quindi utilizzate per costruire la struttura HTML per ciascun sistema. 4. **Genera HTML**: la funzione costruisce l'output HTML racchiudendo i requisiti di ciascun sistema in un elemento div con titoli ed elenchi appropriati. Per più sistemi, ogni div è seguito da interruzioni di riga per separare visivamente i sistemi. Questo approccio garantisce che i requisiti di sistema singoli e multipli siano formattati correttamente in HTML strutturato, semplificando la visualizzazione delle specifiche di sistema in modo intuitivo.