const fragmentoHtml = '<button class="btn btn-primary">Guardar</button> <span class="badge">Nuevo</span>';

// 1. Enfoque Codicioso (Greedy): Devora desde el primer '<' hasta el ÚLTIMO '>'
const regexCodiciosa = /<.*>/g;
const resultadoCodicioso = fragmentoHtml.match(regexCodiciosa);

console.log("--- 1. Cuantificador Codicioso: /<.*>/g ---");
console.log("Coincidencias devoradas (1 solo elemento gigante):");
console.log(resultadoCodicioso);

// 2. Enfoque Perezoso (Lazy): Se detiene en cuanto encuentra el primer '>'
const regexPerezosa = /<.*?>/g;
const resultadoPerezoso = fragmentoHtml.match(regexPerezosa);

console.log("\n--- 2. Cuantificador Perezoso: /<.*?>/g ---");
console.log("Coincidencias individuales extraídas con éxito:");
console.log(resultadoPerezoso);

// 3. Extracción de textos entre comillas dobles
const lineaConfig = 'servidor="ovh-cloud-01" puerto="8080" entorno="produccion"';

const valoresLazy = lineaConfig.match(/"(.*?)"/g);
console.log("\n--- 3. Valores entre comillas con \".*?\" ---");
console.log(valoresLazy);