[FRAGE] Wie Text ändern?

[yabexxl]

Hallo,

ich möchte gerne einen bestehenden Text mittels 3 verschiedenen Möglichkeiten per jeweiligem Button ändern.

Also z.B.

Das ist der aktuelle Text....

[Button: alternativer Text 1]
[Button: alternativer Text 2]
[Button: alternativer Text 3]

Je nach Klick auf den Button sollte sich der Text entsprechend ändern.

Mit 1 Button bekomme ich das wie folgt hin:

<script type="text/javascript">
function changeContent()
{
document.getElementById('content').innerHTML = 'der neue Text 1';
}
</script>


<div id="content">Das ist der aktuelle Text....</div>

<input type="button" value="alternativer Text 1" onclick="changeContent();"/>

Bekomme das leider nicht hin, 'content' entsprechende IDs zu geben, damit ich den ursprünglichen Text mit verschiedenen Buttons ändern kann.

Danke für Euer Schwarmwissen

 

[mikdoe]

Du kannst das Attribut type im <script> weglassen.

Was passiert denn, wenn du den gezeigten Code ausführst? Und was steht in der F12 Console?

 

[mo]

so hätte ich das gemacht..

<script type="text/javascript">
function changeContent(text)
{
document.getElementById('content').innerHTML = text;
}
</script>


<div id="content">Das ist der aktuelle Text....</div>

<input type="button" value="alternativer Text 1" onclick="changeContent('alternativer Text 1');"/>
<input type="button" value="alternativer Text 2" onclick="changeContent('alternativer Text 2');"/>
<input type="button" value="alternativer Text 3" onclick="changeContent('alternativer Text 3');"/>

 

[yabexxl]

Danke. Das hat mir sehr geholfen
Euch schöne Festtage!

 

[cartny36]

Danke. Das hat mir sehr geholfen
Euch schöne Festtage!

Darf man fragen wozu das ganze? Soll es ein Kunstwerk werden das nur dir gefallen soll? Oder ist dein Geschmack gleich mit 80% der Besucher die du eingeplant hast? Es gibt Schriften die sind angenehmer zu lesen. Aber die zu mischen da hört es dann wieder auf schön zu sein.