Para resolver este problema, necesitamos volver a formatear el HTML dado en función de los ejemplos proporcionados. El objetivo es tomar una matriz JSON de entrada de objetos que representan los requisitos del sistema y convertirla en un formato HTML estructurado. El HTML estructurado debe estar limpio y seguir el formato especificado sin ningún texto o marcador adicional. ### Enfoque 1. **Analizar la entrada: ** La entrada es una matriz JSON de objetos. Cada objeto tiene claves que representan diferentes requisitos del sistema (como el sistema operativo, el procesador, etc.) y valores que representan sus descripciones. 2. **Identifique el sistema: ** Cada objeto puede incluir una clave de «sistema» que indique si es para Windows, Mac, Linux o un sistema de PC en general. 3. **Construya la estructura HTML: ** Para cada sistema, cree un div con una clase «prod-spec». Dentro de este div, agrega un encabezado h4 que indique el sistema, un párrafo con las «ESPECIFICACIONES MÍNIMAS» en negrita y una lista desordenada en la que cada elemento de la lista contenga un intervalo con la clave y el valor correspondiente. 4. **Gestiona el HTML del requisito: ** Si el requisito se proporciona como una cadena HTML, analiza esta cadena para extraer cada elemento de la lista. Para cada elemento, extraiga la clave y el valor y, a continuación, estructure los elementos de la lista necesarios con intervalos. 5. **Imprima el HTML: ** Asegúrese de que el resultado sea HTML limpio sin texto adicional ni marcadores. Evite empaquetar el HTML con comillas triples o sintaxis similar. ### Código de solución ```javascript función ReformAhtml (entrada) { deje html = «; input.forEach (item) => { //Determine el sistema o el predeterminado para PC const system = item.system || 'PC'; //Establece el encabezado const heading = `$ {system} Requisitos del sistema`; //Extraer los requisitos requisitos de let = []; if (item.requirement && typeof item.requirement === 'cadena') { //Analiza la cadena HTML requerida const parser = new DOMParser (); const doc = parser.parseFromString (item.requirement, 'text/html'); const list = doc.querySelectorAll ('li'); requisitos = array.from (lis) .map (li => { const strong = li.querySelector ('fuerte'); devolución { clave: strong.textContent.replace (/[\ *\:] /g, «) .trim () + ':', valor: li.textContent.replace (strong.textContent, «) .trim () }; }); } más { //Mapeo directo requisitos = Object.entries (item) .map (([key, value]) => ({ clave: clave + ':', valor: valor })); } //Construir HTML html += `

html += ``; }); //Eliminar lo último innecesario

html = html.replace (/

$/g, «); devuelve html; } ``` ### Explicación - **Analizar la entrada: ** La función procesa cada objeto de la matriz de entrada. Si el objeto contiene una clave de «sistema», usa ese valor; de lo contrario, el valor predeterminado es «PC». - **Construyendo HTML: ** Para cada sistema, crea un div con un encabezado, un párrafo con las «ESPECIFICACIONES MÍNIMAS» y una lista de requisitos. Cada requisito se estructura con un intervalo para la clave y el valor correspondiente. - **Gestión de cadenas HTML: ** Si el requisito se proporciona como una cadena HTML, analiza esta cadena para extraer cada elemento de la lista, asegurándose de que la clave y el valor extraídos tengan el formato correcto en la salida. - **Resultado: ** El HTML resultante es una concatenación de estos divs estructurados, cada uno de los cuales representa los requisitos del sistema especificado. Este enfoque garantiza que los requisitos del sistema se presenten en un formato claro y estructurado, siguiendo las pautas y ejemplos especificados.

• Compra un vale de Rewarble Mastercard.

• Visita el sitio de canje de Rewarble en www.rewarble.com/redeem.

• Ingresa y canjea tu cupón Rewarble de 16 dígitos. Se creará una Mastercard virtual para ti en

Rewarble.

Usa el número de tarjeta, el CVV y la fecha de caducidad proporcionados para completar la transacción en cualquier sitio que acepte Mastercard.