|
JavaScript Övning Timer
(Spara din webbsida efter varje deluppgift med namn enligt modellen
js_timer_a.htm,
js_timer_b.htm,
js_timer_c.htm, osv.)
- Skriv ett javascript som skapar ett tidur som visar hur många sekunder
du varit inne på just den här sidan. Eller om du vill kan du själv starta tiduret. Eller skapa en av varje!
- Skriv ett javascript som skriver ut "Hejsvejs" var 5:e sekund i en divruta. Se till att den bygger på i divrutan. Det vill säga efter 15 sekunder ska det stå "Hejsvejs" på 3 rader.
- Utveckla uppgift a till ett fungerande stoppur.
- Utveckla uppgift a så tiduret visar timmar, minuter och sekunder.
- Utveckla en timer på sidan, det vill säga du skriver in hur många minuter och sekunder det ska vara. (Det är ok att använda 2 textrutor för detta.) Klicka på starta och så räknar timern ner till noll. Skriv gärna ut nedräkningen någonstans. Skrivut något kul i en divruta när timern når noll.
- Utveckla c så du har 3 st stoppur.
- Skapa en kyrklocksspel med 3 st klockor. De säger Bing, Bong och Bang med 2, 3 och 4 sekunders mellanrum. Skriv ut i en div-ruta.
- Skapa en dubblerare! Läs in ett tal från en textruta. Skriv ut i en div-ruta varannan sekund, det dubbla värdet. Se till att alla värden finns kvar i div-rutan. T ex läs in 7. Det skrivs ut 7, 14, 28, 56, osv. Ett nytt tal varannan sekund.
========================================
Är du klar! Testa gärna dessa!
Ej obligatoriskt men en bra utmaning för dig som är klar.
========================================
- Utöka uppgift c så att det inte går att starta flera "timers" genom att klicka flera gånger på "Start"-knappen.
- Vi ska hantera en löpar tävling med 5(!) löpare.
När de går i mål ska vi skriva ut namn och tid.
(Se gärna till så de kommer ut som en resultatlista.)
- Lägg till så man kan ta mellantider!
|