problema con createElement

[techno]

Ciao a tutti, questo è quello che ho fatto:

        const cntInp = document.querySelector(".cnt-inp");
        let cls = ["cnt-form", "cnt-btn"];
        let nodes = cls.map(item => {
            tag = document.createElement("div");
            tag.classList.add(item);
            return tag;
        });
        cntInp.append(nodes);

ma ricevo in output questo:
[object HTMLDivElement],[object HTMLDivElement]

[m4rko80]

Perchè stai inserendo un Array di tags. Usa append all'interno del tuo ciclo per ogni tag oppure cicla nodes (tipo con un forEach) e appendici i tags.

[techno]

ok capito grazie

[techno]

posso farti una domanda?

se voglio ricavare il map da un oggetto ad esempio così:

let attr = {
name: "Mario",
surname: "Rossi",
age: "40"
}

come faccio a ciclarlo con map estraenso sia la key che il value?

[alka]

come faccio a ciclarlo con map estraenso sia la key che il value?

Le chiavi puoi determinarle con Object.keys().

Una volta che hai il nome della proprietà, puoi estrarre il valore.

Ad esempio:

Object.keys(attr).map(key => (
  {
    name: key, 
    value: attr[key]
  }
));

Ciao!

[techno]

ah grande grazie tanto

[m4rko80]

Ci sono un sacco di metodi per Object e/o Array, se guardi un pò la documentazione magari troverai qualcosa che farà già tutto quello che ti serve
DOC Io guarderei appunto Object.keys, Object.values, Object.entries ad esempio.