JavaScript Tutor - Lektion7 Øvelse: Tilføj til forgående. Lav to tekst felter. Når du klikker på linket, skal du få et alert felt til at komme frem med indholdet af et tekst felt, og derefter et andet alert felt med inholdet af det andet tekst felt. Øvelse: Lav en side med 2 små tekst felter ved siden af hinanden. Under tekst felterne laves 4 links... Lægge sammen, Trække fra, Gange og Dividere. Når brugeren klikker på Add linket skulle de to tal komme frem i felterne, læg dem sammen og vis svaret i et alert felt således... Læg mærk til at jeg siger "Her er en løsning" i stedet for "Her er løsningen". Når du går i gang med JavaScript programmering vil du ofte finde løsninger til opgaven. Man kan godt diskutere om den ene måde er "bedre" end den anden, men hovedsagen er at det fungerer. Da jeg først begyndte at programmere, var jeg altid bekymret for at gøre tingerne på den "rigtige" måde. En dag gik det op for mig... den "rigtige" måde, er det der virker. Du kan altid strømline det senere, hvis du ønsker det. En anden egenskab vi kan få eller manipulere er dokumentets baggrundsfarve. Kig på det her...
bgColor er en egenskab for dokumentets objektet. Prøve at lege med farven i body tag'et og sørg for at det altid giver den rigtig baggrundsfarve. Fjern BGCOLOR egenskaben fra body tag'et og se hvad der sker. Kan vi indstille bgColor? Ja selvfølgelig...
Forstår du hvad der sker? Studér det indtil du gør. Øvelse: Vælg 3 andre farver og tilføj dem til siden. SAMT, tilføj noget så den originale farve på siden er registreret ved starten og tilføj et syvende valg,så farven vender tilbage til denne standardværdi. Bemærk at i den tidligere (og følgende) løsning er scripting efter <BODY> tag'et. Dette har en enkel forklaring. Efter lidt eksperimenteren lagde jeg mærke til at nogle browsere registrerer bgColor der hvor body tag'et indlæser. Hvis du beder browseren om at huske bgColor inden den læser body taggen, kan den ikke huske det og scriptet vil opføre sig mærkeligt. Jeg har kun lagt mærke til denne særhed i de sidste versioner af Netscape. (Et perfekt eksempel som viser, at du altid skal prøve dine scripts af på et par forskellig browsers, og hvorfor de-bugging er en stor del af programmering.) Det letteste er at placere scriptet efter body tag'et. Jeg ved godt at det er mest almindeligt, at placere scriptet i HEAD sektionen, men det er kun en vejledende fremgangsmåde, den er ikke obligatorisk. Øvelse: Lav endnu en side og indsæt følgende billeder... Hex farve color koderne er på billederne. Sørg for at dokumentets bagrundsfarve ændre sig når musen passerer hen over hvert enkelt billede. Når musen flytter sig væk fra billedet, skal baggrundsfarven gå tilbage til standardindstillingen.
|