Välj en sida

Gång 4 och 5 kommer kommer vi lägga tid på en uppgift som har att göra med DOM-manipulering. Välj själv en av uppgifterna nedan. De är sorterade efter svårighetsgrad med de svårare på slutet. Välj också själv hur ”snygg” du vill göra sidan, om du vill kan du göra den snygg med CSS och en egen design. Gång 6 kommer vi sedan att publicera era lösningar på nätet så att vem som helst kan besöka dem!

Allmänna instruktioner

Gör en mapp för ditt projekt, den mappen ska inte innehålla något annat än filerna du behöver för det här projektet. Börja med att lösa javascript-biten. Om du blir klar med den så kan du välja att antingen välja att göra en till uppgift, eller putsa på din uppgift med bra HTML och CSS. Ta gärna hjälp av handledarna för att tillsammans titta på koden!

Visa dagens veckodag

Gör en sida som visar ut vilken dag det är idag. Om du vill kan du utveckla den med att också visa vilken månad och vilket år det är.

Benedict Cumberbatchnamn

Gör en sida där användaren skriver in vad hen heter, och så genereras hens Benedict Cumberbatchnamn (eller, om du hellre vill, genera ditt superhjältenamn).

Ord blir till emojis

Gör en sida där användare kan skriva in en text, och din sida går igenom texten och byter ut vissa ord mot emojis. Skriver användaren ordet “glad” så kanske det byts mot

Censureringssida

Gör en sidan där en användare kan skriva in en text och du byter ut alla instanser av ord mot ett annat ord.  Läs också den här artikeln för ett gott skratt 🙂

http://www.telegraph.co.uk/news/newstopics/howaboutthat/2667634/The-Clbuttic-Mistake-When-obscenity-filters-go-wrong.html

Hur många dagar är det till jul?

Gör en sida som visar hur många dagar det är kvar till jul

Konverteringssida

Gör en sida där en användare kan skriva in en siffra i till exempel meter, och få svar på hur många cm det är. Välj själv vilka enheter du vill konvertera mellan

Färglägg text beroende på meningslängd

Gör en sida där en användare kan skriva in en text, och beroende på hur lång en mening är så får den olika bakgrundsfärg. Texter med många olika långa meningar är mycket lättare att läsa än texter där alla meningarna är lika långa, så då kan det här vara ett bra verktyg! Se separat bild!

Vad ska jag äta idag?

Gör en sida som slumpar fram tips på vad man kan äta idag (listan över maträtter skapar du själv)

Kalkylator

Gör en sida där en användare kan skriva in två tal och bestämma vilken operator som ska användas. Till exempel att användaren skriver in 7 och 9 och väljer +.

Om du vill kan du sen utveckla sidan till att man kan skriva in vad som helst.

Rövarspråksgenerator

Gör en sida där användaren kan skriva in en text och så “översätts” det till rövarspråket

Hur länge har jag jobbat idag?

Gör en sida där en användare kan skriva in när de började jobba och när de slutade, för att då få svar på hur länge de jobbat. Om du vill kan du också lägga till att användaren kan ange hur lång lunch de hade

Utslagstävling

Gör en sida där du till exempel har en lång lista med filmer. En användare får sedan visat två av dem och får välja vilken av dem hen tycker bäst om. Den filmen som väljs går vidare till “nästa runda”. Gör sen samma med alla filmern, de ställs mot varandra två och två. Alla filmer som vinner sin match går vidare. I nästa runda göra man sen samma sak, och om igen, tills man har en slutgiltig vinnare.

Eventsida

Gör en sida som reagerar på en massa olika saker som en användare kan göra, lite som den här sidan:https://clickclickclick.click

Istället för att ha en röst som säger vad som händer så skriver du ut det i consolen, eller på sidan.

Diceware

Diceware är en kombination av ord som slumpas fram. Oftast är det för att generera fram lösenord som är lättare att komma ihåg än helt slumpmässiga. Gör en sida som kan slumpa fram olika antal ord (från en lista du själv skapar). För att utveckla sidan kan användaren också kunna få välja hur orden separeras. Här är ett exempel: https://www.rempe.us/diceware/#eff