diver med farger
Oppgave - mer om variabler Bytting av bakgrunnsfarge på nettleser eller valgt div v/klikk.
-
Lag 3 eller flere div'er som representerer hver sin farge. Disse skal brukes til å velge hvilken farge man setter på nettleserbakgrunenn eller div'en man velger.
-
Lag en knapp som endrer hele bakgrunnsfargen i nettleseren til den fargen du har valgt.
-
Lag deretter 2 eller flere tomme (men synlige) div'er. Disse er de som skal klikkes på for å velges og da få den bakgrunnsfargen man har valgt fra fargedivene.
-
Gjør det også synlig hvilken av disse div'ene som er valgt - ved f.eks å sette på en ramme.
Dette er en oppgave hvor du trenger å bruke variabler til å spare på valgene du har tatt, og koble disse sammen.
Ting som kan være lurt å sjekke ut:
.classList.remove() .classList.toggle() .classList.add() Man kan skrive: ' divVariabel.style.detManVilStyle = "ny propertyverdi man vil ha" ' for å endre CSS i JavaScript.