scrimba
Frontend-utvikling JS #6
Løsningsforslag: Nettside med knapper til å fjerne elementer
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Løsningsforslag: Nettside med knapper til å fjerne elementer
AboutCommentsNotes
Løsningsforslag: Nettside med knapper til å fjerne elementer
Expand for more info
index.js
run
preview
console
const divBloggere = document.querySelector("#divBloggere");
const btnRemoveFirst = document.querySelector("#btnRemoveFirst");
const btnRemoveLast = document.querySelector("#btnRemoveLast");

const bloggere = ["Pilotfrue", "Annijor", "Fotballfrue", "Pappahjerte", "John Arne Riise", "Bente Riise", "Bakemannen", "Hestejenta", "Elektrikermannen"];


function skrivUtArray() {
divBloggere.innerHTML = "";
for(const blogger of bloggere) {
divBloggere.innerHTML += `
<div>${blogger}</div>
`;
}
}

skrivUtArray();

// Din oppgave er å lage to funksjoner
// Den ene skal slette det første elementet i arrayet
// Den andre skal slette det siste elementet
// Knappene skal starte hver sin funksjon
// Funksjonen skal til sist bruke den ferdige funksjonen skrivUtArray()
// til å oppdatere listen med bloggeere

// Skriv koden din under dette:
Console
index.html
-5:07