Wie man Werte in Javascript ausgibt: ein einfacher und effizienter Weg

Wenn Sie dem Benutzer jedoch Werte anzeigen möchten, ist es bequemer, die Funktion zu verwenden document.write(). Mit dieser Funktion können Sie Inhalte dynamisch zu einer Seite hinzufügen. Zum Beispiel der folgende Code:

Seien Sie bei der Verwendung der document-Funktion vorsichtig.write() , da es die gesamte Seite überschreibt, wenn es nach dem Laden des Dokuments aufgerufen wird.

console.log(10);

In diesem Beispiel wird die Console-Funktion verwendet.log() gibt die Nummer 10 in die Entwicklerkonsole aus.

Sie können auch an die Console-Funktion übergeben.log() mehrere durch Kommas getrennte Werte:

console.log("Hello", "world!");

In diesem Beispiel wird die Console-Funktion verwendet.log() gibt zwei Zeilen "Hello" und "world!" in die Entwicklerkonsole, indem Sie sie durch ein Leerzeichen trennen.

Um die Werte von Variablen abzuleiten, übergeben Sie einfach ihre Namen an die console-Funktion.log(). Zum Beispiel:

let x = 5;let y = 10;console.log(x, y);

In diesem Beispiel wird die Console-Funktion verwendet.log() gibt die Werte der Variablen x und y in die Entwicklerkonsole aus.

let person = ;console.log(person);

In diesem Beispiel wird die Console-Funktion verwendet.log() gibt das Person-Objekt in die Entwicklerkonsole aus.

Zu verwenden document.write() sie müssen diese Methode im Kontext des Objekts aufrufen document. Zum Beispiel können Sie schreiben:

Dieser Code fügt die Zeile "Hallo Welt!" in den HTML-Code der Seite, die beim Laden angezeigt wird.

var name = "Anna"; document.write("Hallo, " + name + "!");

Dieser Code wird "Hallo Anna!" auf der Seite, da die Variable name wird durch den Wert "Anna" ersetzt.

Hinter der verwendeten Methode gibt es einige Nachteile. Erstens, wenn der Anruf document.write() wenn der Inhalt der Seite vollständig geladen ist, kann dies zu unvorhersehbaren Ergebnissen führen. Zweitens, wenn bereits Inhalte auf der Seite vorhanden sind, dann beim Aufruf document.write() dieser Inhalt wird durch einen neuen ersetzt.

alert(message);

Dadurch wird ein modales Fenster mit dem übergebenen Wert angezeigt message.

Sie sollten jedoch vorsichtig sein, wenn Sie alert() verwenden, insbesondere auf Websites mit großen Datenmengen. Alert() -Fenster können die Benutzererfahrung unterbrechen und lästig werden. Daher wird empfohlen, alert() nur zu Debugging- und Testzwecken zu verwenden.

• console.log(10); - gibt die Zahl 10 an die Konsole aus
• console.log("Hallo Welt!"); – es wird die Zeile "Hallo Welt!" in die Konsole
• console.log(true); – Gibt true in der Konsole aus

Wenn Sie mehrere Werte ausgeben möchten, können Sie sie als Argumente an die console-Funktion übergeben.log(). Zum Beispiel:

• console.log(10, 20, 30)– - gibt die Zahlen 10, 20 und 30 in die Konsole aus
• console.log("Hallo,", "Frieden!"); - zeigt die Zeilen "Hallo," und "Frieden!" in die Konsole

• var x = 5;
  console.log(x); - gibt den Wert der Variablen x in die Konsole aus
• var name = "John";
  console.log("Hallo,", name, "!"); – wird die Zeile "Hallo, John!" in die Konsole

Wie gibt man den Wert einer Variablen in JavaScript aus

1. Verwenden der Funktion alert alert(variable);
2. Verwenden der Funktion console.log console.log(variable);
3. Verwenden der Methode document.write document.write(variable);
4. Verwenden der Methode innerHTML Methode innerHTML ermöglicht es Ihnen, dem Inhalt eines bestimmten HTML-Elements einen Variablenwert zuzuweisen. Sie müssen ein Element mithilfe von JavaScript auswählen und dessen Inhalt mithilfe eines Attributs ändern innerHTML. document.getElementById('elementID').innerHTML = variable;

console.log('Hello, world!');

alert('Привет, мир!');

document.write('Привет, мир!');

4. innerHTML : Wenn Sie Werte in einem bestimmten Seitenelement ausgeben möchten, können Sie die innerHTML- Eigenschaft verwenden. Zum Beispiel:

document.getElementById('myElement').innerHTML = 'Привет, мир!';

5. textContent : Mit dieser Eigenschaft können Sie auch Werte für ein bestimmtes Seitenelement ausgeben. Zum Beispiel:

document.getElementById('myElement').textContent = 'Привет, мир!';