LRK
Erfahrenes Mitglied
Grüß Gott.
Ich hatte mich etwas mit der Verwendung von Variablen in verschiedenen Bezugssystemen vertraut machen wollen und habe zum Testen ein Pen auf Codepen.io aufgemacht (hier eine Variante zum Ansehen und Umändern). Kurz darauf stieß ich auf ein Hindernis: Oben kann ich eine Variable vor, in und nach einer Funktion verwenden und manipulieren doch im unteren Bereich kriege ich als erstes eine "undefined"-Rückmeldung und nach der Funktion hat die Variable noch den Wert von vor der Funktion.
Ich sehe den Fehler nicht, könnte bitte jemand ein paar erklärende Worte sprechen? Danke.
Hier nochmal der Code zur Ansicht:
Ich hatte mich etwas mit der Verwendung von Variablen in verschiedenen Bezugssystemen vertraut machen wollen und habe zum Testen ein Pen auf Codepen.io aufgemacht (hier eine Variante zum Ansehen und Umändern). Kurz darauf stieß ich auf ein Hindernis: Oben kann ich eine Variable vor, in und nach einer Funktion verwenden und manipulieren doch im unteren Bereich kriege ich als erstes eine "undefined"-Rückmeldung und nach der Funktion hat die Variable noch den Wert von vor der Funktion.
Ich sehe den Fehler nicht, könnte bitte jemand ein paar erklärende Worte sprechen? Danke.
Hier nochmal der Code zur Ansicht:
Javascript:
/*### Abschnitt 1 ################################################*/
test1 = 24;
var test2 = 48;
function funktion1() {
document.write("<p style='color:red'>test1: " + test1 + "</p>");
document.write("<p style='color:red'>test2: " + test2 + "</p>");
test1 = test1 + 10;
}
funktion1();
document.write(test1 + "<br><br><hr><br>");
/*### Abschnitt 2 ################################################*/
var var1 = 1;
document.write("<p>'var1' wurde außerhalb einer Funktion initialisiert.</p>");
document.write("<table><tr><td width='120'><p>var1: " + var1 + "</p></td><td><p>var1 aufgerufen außerhalb einer Funktion</p></td></tr>");
function hi() {
document.write("<tr><td><p style='color:yellow'>var1: " + var1 + "</p></td><td><p>var1 aufgerufen innerhalb einer Funktion</p></td></tr>");
var1 = 4;
document.write("<tr><td><p style='color:yellow'>var1: " + var1 + "</p></td><td><p>var1 aufgerufen in Funktion nach 'var1 = 4;'</p></td></tr>");
var var1 = 3;
var2 = "hallo";
document.write("<tr><td><p style='color:yellow'>var1: " + var1 + "</p></td><td><p>var1 aufgerufen nach 'var var1 = 3;'</p></td></tr>")
}
hi();
document.write("<tr><td><p>var1: " + var1 + "</p></td><td><p>var1 aufgerufen nach Funktion</p></td></tr><tr><td><p>var2: " + var2 + "</p></td><td><p>var2 aufgerufen nach Funktion in welcher sie deklariert wurde</p></td></tr></table>");