Breaking

Post Top Ad

Your Ad Spot

lunes, 7 de mayo de 2018

Lista de todos los países con: HTML select y JSON

Resultado de imagen para mundo
¿Alguna vez necesitó una lista de todos los países del mundo para poner como opciones en una selección de HTML? Bueno, aquí tienes. Y JSON también.

¿Cómo se derivó la lista para que pueda actualizarla de vez en cuando? Me alegro de que preguntaras.

https://www.iso.org/obp/ui/#search/code/ es la página enlazada desde la especificación W3, por lo que debe ser el verdadero negocio.

Cambie a 300 resultados por página para que pueda ver todos los países.Abra la consola. Escribe ES.OMG mágico, del siguiente código:


Array.from ($ 0.querySelectorAll ('tr')).
  
mapa(
    
({

cells}) =>
      `<option value =" $ {cells [2] .innerText} "> $ {cells [0] .innerText} </ option>`
  
) unir ('\ n')


Ajustar en seleccionar, listo! Así es como se ve de nuevo.


De manera similar, el código mágico te da JSON:


JSON.stringify (
  
Array.from ($ 0.querySelectorAll ('tr')). Map (
    
({cells}) => {return {[cells [2] .innerText]: cells [0] .innerText}}
  
))$ 0?


Una cosa a tener en cuenta es el $ 0 que significa la tabla de resultados en la página ISO. $ 0 es lo que obtiene cuando inspecciona algo en la consola y resalta el nodo DOM inspeccionado. En lugar de $ 0, actualmente puede usar document.querySelectorAll ('table') [2] o document.getElementsByClassName ('v-table-table') [0] pero quién sabe qué tan pronto cambiará el HTML de la página.


No hay comentarios.:

Publicar un comentario

Post Top Ad

Your Ad Spot

Páginas