Pour résoudre ce problème, nous devons reformater le code HTML donné en fonction des exemples fournis. L'objectif est de prendre un tableau JSON d'entrée d'objets représentant les exigences du système et de le convertir en un format HTML structuré. Le code HTML structuré doit être propre et suivre le format spécifié, sans texte supplémentaire ni démarquage. ### Approche 1. **Analyse l'entrée :** L'entrée est un tableau JSON d'objets. Chaque objet possède des clés représentant les différentes exigences du système (système d'exploitation, processeur, etc.) et des valeurs représentant leurs descriptions. 2. **Identifiez le système :** Chaque objet peut inclure une clé « système » indiquant s'il est destiné à Windows, Mac, Linux ou à un système PC général. 3. **Construisez la structure HTML :** Pour chaque système, créez un div avec une classe « prod-spec ». Dans cette division, ajoutez un titre h4 indiquant le système, un paragraphe avec « SPÉCIFICATIONS MINIMALES » en gras et une liste non ordonnée où chaque élément de la liste contient un intervalle avec la clé et la valeur correspondante. 4. **Gérer le code HTML de l'exigence :** Si l'exigence est fournie sous forme de chaîne HTML, analysez cette chaîne pour extraire chaque élément de la liste. Pour chaque élément, extrayez la clé et la valeur, puis structurez-les dans les éléments de liste requis avec des intervalles. 5. **Afficher le code HTML :** Assurez-vous que la sortie est du HTML propre, sans texte ni démarquage supplémentaire. Évitez d'encapsuler le code HTML dans des triples backticks ou une syntaxe similaire. ### Code de solution ```javascript fonction ReformatHTML (entrée) { laissez html = « ; Input.forEach (élément => { //Déterminez le système ou utilisez par défaut PC const system = item.system || « PC » ; //Régler le titre const heading = `$ {system} Configuration requise pour le système` ; //Exigences relatives à l'extraction exigences relatives aux permis = [] ; if (item.requirement && typeof item.requirement === « chaîne ») { //Analyse la chaîne HTML requise analyseur const = new DOMParser () ; const doc = Parser.parseFromString (item.requirement, « text/html ») ; const lis = doc.QuerySelectorAll ('li') ; exigences = Array.from (lis) .map (li => { const strong = li.QuerySelector (« fort ») ; retour { clé : strong.TextContent.replace (/[\ * \ :] /g, «) .trim () + ':', valeur : li.TextContent.replace (strong.TextContent, «) .trim () } ; }) ; } autre { //Cartographie directe exigences = Object.entries (item) .map (([clé, valeur]) => ({ clé : touche + ':', valeur : valeur }) ; } //Création d'un code HTML html += ` ; html += `

` ; }) ; //Supprime le dernier élément inutile

html = html.replace (/

$/g, «) ; renvoie le code HTML ; } ``` ### Explication - **Analyse des entrées :** La fonction traite chaque objet du tableau d'entrée. Si l'objet contient une clé « système », il utilise cette valeur ; sinon, la valeur par défaut est « PC ». - **Création de code HTML :** Pour chaque système, il crée un div avec un titre, un paragraphe pour les « SPÉCIFICATIONS MINIMALES » et une liste des exigences. Chaque exigence est structurée avec un intervalle pour la clé et la valeur correspondante. - **Gestion des chaînes HTML :** Si l'exigence est fournie sous forme de chaîne HTML, elle analyse cette chaîne pour extraire chaque élément de la liste, en s'assurant que la clé et la valeur extraites sont correctement formatées dans la sortie. - **Sortie :** Le code HTML qui en résulte est une concaténation de ces divs structurés, chacun représentant la configuration requise pour le système spécifié. Cette approche garantit que les exigences du système sont présentées dans un format clair et structuré, conformément aux directives et aux exemples spécifiés.

• Achetez un bon Mastercard Rewarble.

• Visitez le site de remboursement de Rewarble à l'adresse www.reward ble.com/redeem.

• Entrez et échangez votre bon Rewarble à 16 chiffres. Une Mastercard virtuelle sera créée pour vous sur Rewarble.

Utilisez le numéro de carte, le CVV et la date d'expiration fournis pour terminer votre transaction sur n'importe quel site acceptant les cartes Mastercard.