Svårt att göra? Hjälp!

Hej, jag skulle vilja ha följande sak på min sida. (se nedan)
Men jag får inte koden att funka...
Hur ska koden se ut? Gärna så simpelt som möjligt. ;)

OBS! Kom ihåg att jag inte vill använda någon kod
i BODY taggen utan jag vill använda DOM för
att skapa objekten.

Jo, jag ska ha ett formulär med en textruta
där en användaren kan mata in text. Och en knapp brevid.

1. När en person trycker på knappen ska en tabell skapas.
Den ska vara 2 celler, i den vänstra ska det stå 1.
Och i den andra det man skrev in i textfältet.

2. När man trycker andra gången ska det komma en rad
till med två celler. (i samma tabell) Och i den vänstra
så ska det då stå 2, och i den högra det man skrev in andra
gången.

3. Är det möjligt att när man drar musmarkören över
en av raderna så ska färgerna ändras?
T.ex Bakgrunden blir svart och texten vit?
Kan man även få så att när man trycker på en av raderna så försvinner dom?

Jag är jättetacksam för alla som kan hjälpa mig! :)

Se bifogad fil.

Svårt att göra? Hjälp! ----> Fortsättning

Tackar så jättemycket för koden, den funkar finfint.
Men problemet är att det inte ska finnas nån kod
i body tagen. (inte ens på onclick)

Allt ska finnas i head tagen.
Men det går givetvis bra att anropa en funktion i onclick.

(Dessa 2 trådar är sammanslagna)

Skapa inte nya trådar med samma innehåll utan fortsätt i samma tråd så är det enklare att följa diskusionen.

Nu till fortsättningen. Igentligen borde det väl inte spela så stor roll, men det är ju inga problem att flytta koden till head.

Se bifogad fil.

Jag har gjort det på ett lite annorlunda sätt än Jojoxx.

Först hade jag med en funktion för att ta bort raderna när man klickade på dem, men det fungerar inte riktigt som det är tänkt så jag plockade bort det hela.