Det här är en samlingssida för mina projekt i html, css och JavaScript. Jag tränar på att använda olika funktioner, metoder och möjlighter och gör därför sidor med varierande syfte och innehåll. Här nedan finns mer information om de sidor jag gjort, samt länkar till de respektive projekten. Ingenting är helt klart, och några har inget (eller provisoriskt) designat gränssnitt. Det senaste jag har lärt mig är att bygga och använda objekt i dataset. Jag lär mig också allt mer om hur css kan användas för att anpassa en sida till ett mindre fönster eller en mindre skärm. Av lathet har jag inte försäkrat mig om att sidorna fungerar likadant för alla plattformar, utan jag har utgått ifrån Chrome och Chrome för Android-telefoner. Det är fantastiskt roligt att programmera för webben, där man omedelbart ser det grafiska resultatet av en funktion.
Hitta en välgörenhet som passar dig. I Donationsväljaren används taggar för att sortera länkar till välgörenhetsorganisationer. Jag har använt mig av Insamlingstjänsts lista över organisationer med 90-konto och valt ut de som sysslar med insamling till konkreta projekt. Dessutom listar jag några verksamheter som agerar på lokal nivå. Eftersom jag inte har tid att göra en uttömmande research så är listan inte fullständig, och beskrivningen av organisationerna inte helt igenomarbetade. Med hjälp av knappvalen minskas antalet föreslagna organisationer för att möta samtliga kriterier som användaren anger. Knapparna genereras i JavaScript och länkar och metadata till länkarna är lagrade i ett dataset. Donationsväljaren
I det här quizet visas det om användaren valt rätt eller fel svar, och på slutet en sammanställning över hur många rätt det blev totalt. Frågorna ligger i en lista där varje frågeobjekt innehåller frågan, alternativen, och det korrekta svaret som är en indexsiffran för det rätta alternativet. Jag har ett stort intresse för Sveriges moderna politiska historia och har upptäckt att temat ministrar genom tiderna inte verkar ha varit av intresse för quizmakare tidigare. Ministerquiz
På den hör sidan finns recept där kvantiteten på ingredienserna går att ändra utifrån antalet portioner. Jag använder en enkel operator för att vid knapptryck multiplicera mängden för ingredienserna. Recepten är sorterade som objekt i en lista. För att kunna manipulera ingredientslistan så innehåller objektet för ingredienserna en lista med objekt för varje ingrediens och dess mått. Sidan är anpassad så att sidomenyn visas under receptet och i ett annat format när en mindre skärm används. Eftersom jag hittills bara lagat två rätter så är det de enda som finns med. Fler recept går enkelt att lägga till i listan. recept
Den här sidan använder slumpfunktionen i JavaScript för att sätta samman en fullständig mening utifrån tre dataset. Det finns en lista för varje del av en mening (start, mitt och slut). Vid varje anrop till funktionen (som sker med en knapp på sidan) slumpas en sträng från varje lista/dataset. Temat för slumpgeneratorn är så kallade "weasel words", det vill säga påståenden som ger sken av att uttrycka något med säkerhet men egentligen är så vaga att avsändaren inte behöver stå för innehållet som kommuniceras. Slumpgenerator
Den här sidan har ett default-gränssnitt och är den första jag gjorde när jag började lära mig JavaScript. En funktion går igenom varje bokstav i den inkommande strängen och jämför mot en lista över konsonanter. Om en bokstav finns med i listan lägger funktionen till bokstaven, följt av ett "o" och bokstaven igen. Rövarspråket
Sidan vi befinner oss på just nu har en funktion för att den här texten ska fällas ner när användaren trycker på knappen. Knapparna har jag designat i Photoshop.