Hallo,
Edit: Denke es hat bei mir wegen dem Absatz in dem sich öffnenden fenster nicht geklappt. durch den absatz werden die bausteine ja auseinander gezogen und funktionieren dann nicht mehr oder?
Nein, das Beispiel dort ist absolut korrekt. Dein Absatz ( welchen Du auch immer meinst ), hat eigentlich nichts mit der Funktionalität zu tun.
wie schaffe ich es, dass beim klick auf "weiter" automatisch eine zahl addiert wird zu der variable in der funktion "weiter"?
Zuerst mal solltest Du Wissenslücken füllen.
Das hier macht z.B. gar keinen Sinn:
document.getElementById("text");
[COLOR=#333333]document.getElementById("button");[/COLOR]
Wie in #4 geschrieben musst Du die Elemente fangen oder direkt verwenden in der Funktion:
<p id="toggletext"></p>
<button onclick="forwarding()">Go on</button>
<script type="text/javascript">
var sTextPrefix = 'text';
var iCounter = 1;
document.getElementById( 'toggletext' ).innerHTML = sTextPrefix + iCounter.toString();
function forwarding() {
document.getElementById( 'toggletext' ).innerHTML = sTextPrefix + (++iCounter).toString();
}
</script>Das Script habe ich nach unten verlegt, damit das Element auch wirklich schon geladen und ansprechbar ist.
Das ganze geht mit jQuery allerdings viel eleganter, finde ich:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.1.min.js"></script>
<script type="text/javascript">
var sTextPrefix = 'text';
var iCounter = 1;
$( document ).ready( function() {
var oToggleText = $( '#toggletext' );
oToggleText.html( sTextPrefix + iCounter.toString() );
$( '#forward' ).click( function() {
oToggleText.html( sTextPrefix + (++iCounter).toString() );
});
});
</script>
<p id="toggletext"></p>
<button id="forward">Go on</button>
