Øvelse 1 - Dropdownboks
I denne øvelse skal du arbejde med det element der kaldes en dropdownboks, så brugeren kan vælge mellem forskellige detektiver og skifte skærm. Efter at du har fået Poirot til at virke, skal du tilføje Mis Marple.
​
1. Log på code.org og åbn dette eksisterende App Lab projekt:
https://studio.code.org/projects/applab/tH5jCC3fO9mGV7ti7BeLOT0UjzpWBJkYxDPERRkSNC0
Klik på knappen </> Vis kode for at bygge videre på projektet:
2. Klik på knappen Remix ( Bland igen ), omdøb projektet, så dit navn står foran "Bedste detektiv" og slet "remix" i navnet.
Bemærk at projektet allerede har tre skærme: Forside, Poirotpage og Sherlockpage.
Kør app'en og se at den virker, når man vælger Sherlock på dropdownboksen. Det sker i if-blokken i Linje 2 til 4 .
3. Du skal nu få dropdownboksen til at virke for Poirot ved at indsætte passende blokke i if-blokken i Linje 6 til 8 . Det drejer sig om indsættelse af en getText i Linje 6 og en setScreen i Linje 7 . På højresiden af == skriver du "Poirot".
4. Nu skal du tilføje Miss Marple som valgmulighed i dropdownboksen. Skift til Designvisning og marker dropdownboksen.
Tilføj Miss Marple som vist herunder.
5. Tilføj en ny skærm (1), giv den id'et MarplePage (2) og design den nye skærm lidt i stil med de to andre.
6. Skift til kodevisning og lav en if-blok til håndtering af valget af Miss Marple.
​
Test at det virker.