Laboration W2: Javascript

Andra labben handlar om Javascript

I denna labb ska ni  göra en dynamisk webbsida med Javascript. Ni ska också använda HTML forms för indata och utdata på webbsidan.

Läsanvisning:

• I boken: läs 5. Javascript Links to an external site.
• Slå upp detaljer i w3schools:
  • Javascript Links to an external site.
  • HTML forms Links to an external site.

I denna uppgift ska ni skriva ett Javascript som beräknar bonuspoäng.  I KursPM står reglerna för bonuspoängen.

Uppgift 1 Javascript utan HTML: 

I denna uppgift är det enklast om du loggar in på en Ubuntu-dator i labbbsalen.

1. Spara följande Javascipt-program: del1.js Download del1.js  Ni kan provköra programmet i Terminalen med kommandot node del1.js
2. Ändra programmet så att det istället räknar ut bonuspoängen för labb 1 till labb 6 (slumpa om ni har fått bonusen).
3. Om ni vill kan ni lägga till bonuspoängen för övriga moment (provet, P-uppgiften, webbdelen).

Uppgift 2: Ett formulär i HTML

1. Spara denna html-fil: www.csc.kth.se/~lk/LAB4/webbdelen/del2.html
2. Ändra så att den skriver ut ett formulär för labbarna istället för veckopeng.
3. För att testa om HTML-koden fungerar kan ni gå in på någon av övningsuppgifterna i boken Links to an external site., klistra in koden och sen trycka på knappen Save & Render

Uppgift 3: Javascript som hämtar data från ett HTML-formulär

1. Spara denna fil: www.csc.kth.se/~lk/LAB4/webbdelen/del3.html
2. Ändra så att det är bonuspoängen som beräknas istället.

Om ni inte lyckas få det att fungera helt och hållet är det OK, ett gott försök räcker!

Uppgift 4: Lägg upp sidan på webben

Ladda upp del3.html på https://eu.pythonanywhere.com/ Links to an external site. med Upload File, se sidan 13 i guiden Links to an external site.

Lämna in

• Er nya version av del1.js
• Er nya version av del2.html
• Er nya version av del3.html
• länken till sidan (t ex https://kthnamn.eu.pythonanywhere.com/del3.html)

Peer review

I denna labb är det frivilligt att kommentera på övrigas inlämningar, men ta gärna tillfället i akt att se vad andra har gjort!