Gérez vos dépenses numériques sans effort grâce à la carte-cadeau Rewarble MasterCard de 7$ ! Cette Mastercard prépayée vous permet d'effectuer des paiements sur différentes plateformes, offrant à la fois sécurité et flexibilité. Que vous choisissiez de la recharger ou de l'utiliser une seule fois, elle fonctionne comme n'importe quelle autre carte-cadeau Mastercard, éliminant ainsi le besoin d'une carte de crédit. Idéale pour les cadeaux, la carte Rewarble garantit une expérience de paiement fluide
.
Pour résoudre ce problème, nous devons reformater une entrée JSON donnée dans un format HTML structuré qui présente clairement la configuration requise. L'entrée JSON peut correspondre à une configuration système unique ou à plusieurs exigences système pour différents systèmes d'exploitation. L'objectif est de transformer cette entrée en un format HTML clair et convivial qui suit des directives structurelles spécifiques.
### Approche
1. **Identifier la structure d'entrée** : Déterminez si le JSON d'entrée contient plusieurs systèmes (chacun avec une clé « système ») ou un seul système (sans clé « système »).
2. **Gérer plusieurs systèmes** : si l'entrée contient plusieurs systèmes, les exigences de chaque système sont traitées séparément, convertissant les chaînes HTML en éléments de liste individuels.
3. **Gérer un seul système** : si l'entrée est un système unique, chaque paire clé-valeur est traitée pour former la liste des exigences du système.
4. **Construire une structure HTML** : pour chaque système, créez un div avec un titre, un paragraphe en gras pour « SPÉCIFICATIONS MINIMALES » et une liste non ordonnée où chaque exigence est répertoriée avec un espace pour la clé.
5. **Analyser les chaînes HTML** : si une exigence est donnée sous forme de chaîne HTML, analysez-la pour extraire les paires clé-valeur et mettez-les en forme en conséquence.
6. **Sortie HTML** : Construisez la chaîne HTML finale en suivant la structure spécifiée, en garantissant un formatage et une séparation appropriés entre les différents systèmes.
### Code de solution
```javascript
//Fonction pour reformater le code HTML en fonction de la structure de saisie
fonction ReformatHTML JSONData {
laissez html = « ;
const IsMultiSystem = Object.keys (JSONData [0]) .includes (« système ») ;
//Traitement de plusieurs systèmes
si (IsMultiSystem) {
for (const sys of JSONData) {
système const = sys.system ;
exigence const = sys.requirement ;
//Démarre la div prod-spec
html += `
`Â ;
html += `
$ {system} Configuration système requise
`Â ;
html += `
`Â ;
html += `
SPÉCIFICATIONS MINIMALES
`Â ;
html += `
`Â ;
//Analyse la chaîne HTML requise
analyseur const = new DOMParser ()Â ;
const doc = Parser.parseFromString (obligatoire, 'text/html')Â ;
const ListItems = doc.QuerySelectorAll (« URL ») ;
for (const li of ListItems) {
const StrongELS = li.QuerySelectorAll ('fort')Â ;
touche let = « ;
valeur de sortie = « ;
si (strongEls.Length > 0) {
clé = StrongELS [0] .textContent ;
const TextNodes = li.ChildNodes ;
let RemainingText = « ;
let foundStrong = faux ;
for (nœud const de TextNodes) {
si (Node.NodeType === Node.text_node && FoundStrong) {
Texte restant += Node.TextContent ;
} sinon si (Node.NodeType === Node.ELEMENT_NODE && Node.NodeName === 'STRONG') {
foundStrong = vrai ;
}
}
valeur = RemainingText.trim ()Â ;
}
html += `- `Â ;
html += `$ {key} $ {value}`Â ;
html += ``
 ;
}
html += ``
 ;
html += ``
 ;
html += `
`Â ;
}
} autre {
//Traitement d'un seul système
html += `
`Â ;
html += `
Configuration système requise pour PC
`Â ;
html += `
`Â ;
html += `
SPÉCIFICATIONS MINIMALES
`Â ;
html += `
`Â ;
const KeyMappings = {
« OS » : « Système d'exploitation »,
« Processeur » : « Processeur »,
« Mémoire » : « Mémoire »,
« Graphismes » : « Graphiques »,
« Disque dur » : « Disque dur »,
« Supplémentaire » : « Supplémentaire »
}Â ;
for (const req de JSONData) {
clé const = Object.keys (req) [0] ;
valeur constante = req [clé] ;
const DisplayKey = key_mappings [clé] || clé ;
html += `- `Â ;
html += `$ {displayKey}Â : $ {value}`Â ;
html += ``
 ;
}
html += ``
 ;
html += ``
 ;
}
//Supprime le dernier
si plusieurs systèmes sont présents
if (IsMultiSystem & JSONData.length > 1) {
html = html.replace (/(
) +$/, «) ;
}
renvoie le code HTMLÂ ;
}
```
### Explication
La solution consiste à analyser l'entrée JSON pour déterminer si elle contient plusieurs exigences système ou une seule. Pour plusieurs systèmes, chaque chaîne d'exigence est analysée pour extraire des paires clé-valeur et mise en forme dans des éléments de liste HTML. Pour un système unique, les paires clé-valeur sont directement converties dans le format requis. La solution garantit que la sortie est un HTML propre et bien structuré, conforme aux directives spécifiées.
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.
Soyez le premier à donner votre avis sur ce produit !
PARTAGEZ