Skapa en orkester

Nu har du chansen att skapa dig en alldeles egen orkester 🎤. I denna utmaning får du lära dig grundpelarna i JavaScript och hur DOM:en fungerar, hur olika instrument kan aktiveras och avaktiveras. Kommer du lägga in dina vänner som en sjungande essemble, eller kör du en egen a cappella?

Det här behöver du

Du behöver en kodeditor, vi rekommenderar Visual Studio Code som är helt gratis att använda och går att ladda ned här.

1. Så här startar du

Denna kodutmaning görs i Code Sandbox som är en kodeditor. Startkoden hittar du här nedanför (fokusera på JavaScript-filen). Inuti koden hittar du instruktioner för vad du ska göra och i nästa stycke hittar du dessutom grymma tips och trix.

Vill du spara dina ändringar behöver du trycka på knappen “Open Sandbox” och klistra in dina ändringar.

Klicka uppe till vänster för att se JavaScript-filen.
⬇

2. Tips & trix

Läs om hur onclick gör din knapp levande!
Förstå hur toggle och villkor används i JavaScript för att kicka igång.
Läs om hur du kan använda inbyggda metoder som play() och pause() i JavaScript. Funktionen pause() är icke att förväxla med propertyn paused.
Här är ett exempel på en funktion som växelvis är mörkt eller ljust. Ganska likt vad du ska göra, eller hur 🙊.
Vill du ha tillgång till massa roliga ljud kan du kika in Bensound eller Big Sound Bank.

3. Inspiration

“Programmering har gett mig en större frihet”

Technigos head coach Jennie tog sitt pick och pack tillsammans med sin partner 2015 och flyttade ned till Barcelona från Göteborg. I Göteborg jobbade hon som grundskolelärare, men jobbet krävde ofta en fast plats, något Jennie ville ändra på. Läs om Jennies väg till programmering och hur det har öppnat upp möjligheter i att vara platsoberoende.

👉 Läs hela intervjun med Jennie här

4. Dela din lösning

Självklart vill vi se din lösning, dela den gärna på vår Instagram under hashtaggen #kodutmaningen. Och du, passa på att utmana din vän – dela kodutmaningen 💪.