Spara din webbsida efter varje deluppgift med namn enligt modellen
js_events_1.htm,
js__events_2.htm, osv.
Skapa en webbsida med en knapp som ställer om bakgrundsfärgen på webbsidan om du för musen över knappen.
( document.getElementById("helasidan").style.backgroundColor = "red"; )
Och ställer tillbaks färgen när du drar bort musen från knappen.
Skapa en ny webbsida eller utöka föregående uppgift med en knapp som ställer om bakgrundsfärgen på webbsidan när du klickar på knappen. Växla mellan 2 diskreta färger.
Skapa en ruta på sidan som får en (av 10) slumpvis vald färg varje gång du klickar på en knapp. Skapa en array där du lägger in 10 färger. Varje gång du klickar på knappen så slumpar du ett tal, 0-9.
Sen sätts backgrunden i rutan till motsvarande bakgrundsfärg som du slumpat ut.
Skapa en ruta på sidan som får en helt slumpmässig färg varje gång du klickar på en knapp.
Färg kan anges på flera sätt "red", "#FF0000", "RGB(255,0,0)" .
Slumpa 3 tal.
Bygg ihop svaret t ex myNewColor = "RGB(" + myred + "," + mygreen + ... .
Lägg in en div-ruta med dimensionerna 100 * 100 pixlar (se till
att rutan inte har samma färg som sidan i övrigt).
Fixa två
knappar/länkar/bilder på sidan som vid onmouseover gör så att ovanstående ruta förflyttas på
en rät linje från vänster till höger eller från höger till vänster.
Stoppa om rutan når fönstrets kanter. Bredden på ett fönster fås av window.innerWidth .
Lägg till så att vänsterpil på tangentbordet startar förflyttning åt vänster och motsvarande för högerpil.
Bygg vidare, så att upp och ner också fungerar.
För den snabbe: Slumpa ut 4 block (fiender). Om du krockar med ett block exploderar du.
När ni är klara ska ni publicera sidorna på ert webbkonto.