OBS! På linje 4 er der gjort plads til sætte mere ind.
Vi går nu ned i vores CSS og beskriver vores klasser for body og Tekst1
Nu skal vi tilbage til HTML‘en. For vi skal lige have lidt mere med. Vi skal nemlig klargøre til at designe boksen for metronomen
Hvis ikke du kan finde noder ved at holde Windows tasten og ^ nede samtidig så skriv vt noget i stedet 🙂
Nu skal vi tilbage til vores CSS boks og skrive klassen ind for skæret bagved metronomen.
Vi bliver i CSS boksen. og designer nu rammen af boksen.
Vi fortsætter i CSS boksen. og designer nu boksen toppen og bunden itui1 og itui2.
Vi bliver stadig i CSS’en og går nu i gang med at beskrive der hvor noderne står
Nu hopper tilbage til HTML’en. Nu skal vi have skrevet slideren ind som skal virke som vores metronome(linje 10-16).
Nu arbejder videre med vores CSS. Nu omkring slideren
Nu fortsætter lidt endnu med CSS’en. Stadig omkring slideren, denne gang så den fungere i flere browsere.
Vi er stadig i CSS’en og stadig omkring slideren, denne gang beskriver vi den del man rykker på – range-slider_thumb.
Vi er nærmer os enden af CSS’en. Vi er stadig i gang omkring slideren, denne gang beskriver vi stregen – range-slider_line.
Vi er nærmer os enden af CSS’en. Vi er stadig i gang omkring slideren, denne gang beskriver vi udfyldningen af stregen – range-slider_line-fill og dens keyfames når man rykker på den – takten.
Nu er vi nået til JS delen! Den allersidste del i opgaven. Først skal vi lave konstanterne – const
Derefter laver vi functionen der laver takten.
Til sidst siger vi at denne function skal køre når man åbner winduet til opgaven og at det skal ændre sig/følge slider value ved ændringer undervejs.