JavaScript Repetition
Övningar Webbutv 2 del 1

(Spara din webbsida efter varje deluppgift med namn enligt modellen js_repetition_1.htm, js_repetition_2.htm, osv.)

1. Skapa 3 textrutor och en knapp, i dessa ska du mata in ett tal i de två första textrutorna, vid klick på knappen ska du anropa en javascriptfunktion som hämtar värdena i de två textrutorna, summerar talen och skriver ut resultatet i den 3:e textrutan.
   
   
2. %-operatorn betyder modulo, dvs resten vid division. Vad blir 123456%99? Skriv ut i en div-ruta.
   
   
3. Skapa 1 textruta och en knapp och en div-ruta. När du handlar i Hen&Hen så får du rabatt om du handlar för en viss summa. När du handlar för mer än 1000kr så får du rabatten 10% , över 5000 kr så får du rabatten 20% , över 10000 kr så får du rabatten 30%.
   Läs in summan och skriv ut vilken rabatt du får och slutpriset. 
   
   
4. Skapa 3 textrutor och en knapp och en div-ruta. I dessa ska du mata in ett tal i de tre textrutorna, vid klick på knappen ska du anropa en javascriptfunktion som skriver ut det största av dessa tal.
   
   
5. I den gregorianska kalendern infaller skottår då årtalet är delbart med 4. Dock är jämna sekler, d.v.s. år som är delbara med 100, skottår endast om årtalet också är delbart med 400. Skriv ett program som tar reda på om ett givet årtal är skottår eller inte.
   
   
6. Skriv ett javascript som läser in ett tal från en textruta och summerar alla heltal till och med talet. Skriv ut summan i en div-ruta. Du behöver självklart en knapp också. T ex du läser in 7. Då ska ditt program summera 1+2+3+4+5+6+7 och sen skriva ut svaret.
   
   
7. Skriv ett javacsript som läser in tal från en textruta och skriver ut aktuell summa i en divruta. Utöka med att efter 10 tal så försvinner textrutan och knappen. Utöka så att textrutan och knappen också försvinner om summan är över 100.
   
   
8. Skriv ett javascript som skapar ett tidur som visar hur många sekunder du varit inne på just den här sidan. Starta tiduret med knapptryckning och stoppa med en annan knapp. Utveckla så tiduret visar minuter och sekunder.
   
   
9. Skriv ett tal, tryck på knappen, skriv ett tal, tryck på knappen, osv. 
   Talen ska läsas in i en array så vi kan "leka" med talen.
   Lägg till en knapp som beräknar medelvärdet av de inlästa talen och skriver ut snyggt.
   
   
10. Skriv ett program som läser in 7 domarsiffror (0-10) i potatissäckdans, alla givna med en decimal. Beräkna och skriv ut slutpoängen, som är lika med medelvärdet av de 5 som är kvar då det största och det minsta värdet tagits bort. Medelvärdet ska skrivas ut med 2 decimaler ( Math.round(talet), avrundar till närmaste heltal).
    
    
11. Skapa ett formulär med 2 textrutor för inläsning av användarnamn och lösenord. Användarnamnet måste innehålla delsträngen "webb". Lösenordet måste vara minst 6 tecken långt, det måste minst innehålla en av följande siffror, 7 och 8. Du kontrollerar detta och svarar att att allt är ok eller om det är fel. Skapa en "div"-ruta, där du skriver ut allt snyggt.
    
    
12. Skapa ett formulär med 3 textrutor för inläsning av förnamn, efternamn och epostadress. Skapa en "div"-ruta, där du skriver ut allt snyggt. Du ska checka att epostadressen innehåller ett @ om det inte gör det så ska man få ett meddelande.
    När du skriver ut allt ska du se till att för och efternamn har stor första bokstav och resten små bokstäver.  Epostadressen ska vara minst 6 tecken. Den ska vara minst 4 tecken efter @-tecknet varav en ska vara punkt(.). Den punkten får inte finnas på de två sista platserna.
    
    
13. Gissa tal! Slumpa ut ett hemligt tal då webbsidan laddas in. Gissa genom att skriva in ett tal i en textruta. Läs sen in talet och se om det är rätt. Utveckla så du även noterar hur många gissningar det blev innan rätt svar påträffades.
    Utveckla gärna med ledtrådar, t ex att ditt gissade tal var för högt eller lågt!
    
    
14. Skapa en frågesport med 3 frågor där man bara ser den första frågan först och dess svarsruta eller svarsalternativ. När man svarat så visas nästa fråga. Och likadant på den sista frågan. Sedan visas antal rätt.