Projet dom

 

PROJET / Parcours de l'arbre

See the Pen parcoursGenator by dupont (@dupontcodepen) on CodePen.
Gi

Projet DOM

🪛Ecrire le code pour parcourir l'ensemble des éléments d'une page.

🚀En action

Injecter le code dans la console d'une page HTML prise au hasard.

allTag=(a=>{let b=[],c={};return _explore=(a=>{for(let c of a.children)b.push(c.nodeName),_explore(c)}),_explore(a),_getWordCnt=(a=>{return a.reduce(function(a,b){return a[b]=a[b]+1||1,a},[])}),c=_getWordCnt(b),_sort=(a=>{let b=[],c=Object.keys(a).sort((b,c)=>a[c]-a[b]);for(var d of c)b[d]=a[d];return b}),_sort(c)});let a=allTag(document.body);for(var b in a){a.hasOwnProperty(b)&&console.log(`la balise ${b} apparaît ${a[b]} fois `)};

Cours 1 : template String - Destructuration

 

Objectif: destructuring and co

 const data = [

  {

    id: 1,

    name: "John",

    lastName: "Doe",

    adress: "5th Avenue",

  },

  {

    id: 2,

    name: "Jane",

    lastName: "Doe",

    adress: "5th Avenue",

  },

  {

    id: 3,

    name: "Alice",

    lastName: "Doe",

    adress: "5th Avenue",

  },

  {

    id: 4,

    name: "Bob",

    lastName: "Doe",

    adress: "5th Avenue",

  },

];

const upercaseName = (data) => {

  return data.map((item) => {

    return {

      ...item,

      name: item.name.toUpperCase()

    }

  })

}

console.log(upercaseName(data))

Site