Tictactoe: b - Webseiten-Elemente mit JavaScript manipulieren: Unterschied zwischen den Versionen

Aus MINT.lentner.net
Zur Navigation springen Zur Suche springen
Zeile 5: Zeile 5:
  
 
Wir stellen hier 2 Möglichkeiten vor, das Aussehen einer Website "von außen" zu verändern:
 
Wir stellen hier 2 Möglichkeiten vor, das Aussehen einer Website "von außen" zu verändern:
# durch den EventHandler '''"On Click"''' in '''Zeile 6'''
+
# durch den EventHandler '''On Click''' in '''Zeile 6'''
 
# durch eine Benutzerintervention auf einen '''Button''' in '''Zeile 10 und 11'''
 
# durch eine Benutzerintervention auf einen '''Button''' in '''Zeile 10 und 11'''
 
===Interventionen===
 
===Interventionen===
# Bei jedem angezeigten Bild einer Website wird ein neues '''Objekt "document.images[n]"''' mit fortlaufender Nummer n angelegt, auf das man unter diesem Namen zugreifen kann. Das erste solche angelegte Objekt ist '''"document.images[0]"'''. Für das Objekt "document.images[0]" wird die JS-Funktion '''"schoko()"''' hinterlegt, die aufgerufen wird, wenn über dem Objekt "document.images[0]" das Click-Ereignis eintritt. '''schoko()"''' ändert die Bildquelle von "document.images[0]".
+
# Bei jedem angezeigten Bild einer Website wird ein neues '''Objekt document.images[n]''' mit fortlaufender Nummer n angelegt, auf das man unter diesem Namen zugreifen kann. Das erste solche angelegte Objekt ist '''document.images[0]'''. Für das Objekt document.images[0] wird die JS-Funktion '''schoko()''' hinterlegt, die aufgerufen wird, wenn über dem Objekt document.images[0] das Click-Ereignis eintritt. '''schoko()''' ändert die Bildquelle von document.images[0].

Version vom 11. November 2023, 13:19 Uhr

Ttt source2.png

Wir stellen hier 2 Möglichkeiten vor, das Aussehen einer Website "von außen" zu verändern:

  1. durch den EventHandler On Click in Zeile 6
  2. durch eine Benutzerintervention auf einen Button in Zeile 10 und 11

Interventionen

  1. Bei jedem angezeigten Bild einer Website wird ein neues Objekt document.images[n] mit fortlaufender Nummer n angelegt, auf das man unter diesem Namen zugreifen kann. Das erste solche angelegte Objekt ist document.images[0]. Für das Objekt document.images[0] wird die JS-Funktion schoko() hinterlegt, die aufgerufen wird, wenn über dem Objekt document.images[0] das Click-Ereignis eintritt. schoko() ändert die Bildquelle von document.images[0].