Einsteigerscript: Hintergrundfarbe wechseln

html.de-Forum JavaScript
1

Hallo,

ich versuche mich seit gestern an Javascript und hab schon einige Seiten bei SelfHTML gelesen. Ich habe nun mal versucht, mein eigenes kleines Script zu schreiben. Leider funktioniert das nicht ganz.
Bei einem klick auf einen Link soll eine Funktion ausgeführt werden, die die Hintergrundfarbe wechseln soll. Leider passiert nichts.
Hier der Code:

[CODE]

Hintergrundfarbe wechseln

Rot
Gelb
Blau

[/CODE]

Kann mir da wer helfen? :slight_smile:

MfG Icy

2

Spontan würd ich den Code mit folgenden Schnippseln korrigieren bzw. ergänzen:

JS

document.getElementById('bodyID'].style.backgroundColor='red';HTML

<body id="bodyid">

EDIT: thx :smiley:

3

Der code ist schon richtig so, du musst die farbwerte lediglich in Anfuehrungszeichen setzen :wink:

[code]function rot () {
document.bgColor = „#ff0000“;
}

function gelb () {
document.bgColor = „#00ff00“;
}

function blau () {
document.bgColor = „#0000ff“;
}
[/code]

@threadi: Dir ist da ein Komma reingerutscht :wink:

4

Danke euch beiden :slight_smile:
@Commodore: Stimmt, man bin ich nen Depp ^^ so funktionierts =)

MfG Icy

5

Die Lösung liegt an den fehlenden Anführungszeichzen.

<html>
<head>
<title>Hintergrundfarbe wechseln</title>
<script type="text/javascript">

function rot () {
  document.bgColor = "#ff0000";
}

function gelb () {
  document.bgColor = "#00ff00";
}

function blau () {
  document.bgColor = "#0000ff";
}

</script>
</head>
<body>
<p>
<a href="javascript:rot()">Rot</a><br>
<a href="javascript:gelb()">Gelb</a><br>
<a href="javascript:blau()">Blau</a><br>
</p>
</body>
</html>

Irgendwas ist hier Faul…naja sorry für die Antwort war wohl zu doof Commodores Antwort zu sehen.