Tengo una lista array de la siguiente manera:
const opcUserPais = {
Argentina: {
pais: "Argentina",
codigo: "+54",
regular: /^([0-9]{10})$/,
value: "0000 000 000",
bandera: "src/banderas/ar.png",
},
Brazil: {
pais: "Brazil",
codigo: "+55",
regular: /^([0-9]{3})$/,
value: "00 0000 000",
bandera: "src/banderas/br.png"
},
Paraguay: {
pais: "Paraguay",
codigo: "+595",
value: "000 000 000",
regular: /^([0-9]{10})$/,
bandera: "src/banderas/py.png"
},
};
Quisiera mostrar todas las banderas en una lista ul
, pero no puedo acceder al mismo.
La forma menos posible de codigo y escribiendo en el DOM lo hago así sin resultados:
let opciones = [];
opcUserPais.forEach((item) => {
opciones += `
<li class="opcion"><img src="${item.bandera}"> <span>${item.pais}:</span> (${item.codigo})</li>
`;
});
userOpciones.innerHTML += opciones;
Gracias y feliz año nuevo
<li class="opcion">...
);