Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Funktion mit Array
#10
(15.03.2023, 19:56)nbergmann schrieb: Mit dem console.log-Aufruf passiert bei mir nichts Sichtbares.

Mit dem
Code:
window.alert-Aufruf erscheint dieses alert-Fenster mit den richtigen Daten.
Gibt es denn keine Möglichkeit, den Inhalt des Arrays auf dem Bildschrirm auszugeben?

Jetzt wird es lustig.
Ich habe, mit deiner Hilfe, eine Lösung gefunden.
Aber ich weiß, dass diese dir überhaupt nicht gefallen wird.
document.write([27, 11]); liefert mir mit "27,11" den Inhalt des Arrays auf dem Bildschirm.
Das haben deine Vorschläge bisher noch nicht geschafft.

So ist es ein sehr einfaches, kleines, übersichtliches Programm auf der Ausbildungsstufe, in der ich mich gerade befinde.
Ich erwarte schwere Proteste von dir.
Aber bitte kein alternatives Profi-Programm!

Moin nbergmann,
wieso soll ich protestieren?!

Es gab von mir die Empfehlung keine 'document.write'-Methode zu verwenden, da es bessere Möglichkeiten gibt. Wenn 'document.write' als Ausbildungsmethode verwendet wird, dann ist das in ordnung nur in der Praxis sollte man auf 'document.write' vollkommen verzichten.

Zu der Methode 'console.log': Diese Methode zeigt in der Konsole des Browsers einen Wert an, nicht im DOM. Wenn du den Wert im DOM angezeigt bekommen möchtest musst du auch den DOM ansprechen. Folgende Möglichkeit gibt es: Selektiere in JavaScript ein vorhandenes Element. Entweder steht da schon wasim body-Bereich oder du verwendest den body direkt.
Nutze danach entweder die Methode .innerHTML oder .textContent. Hier ein kleines Beispiel:
Code:
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Array ausgeben</title>
</head>
<body>
    <div id="ausgabe"></div>
    <script>
        // Deine Funktion mit Return
        function toArray(a, b) {
            return [a, b];
        }
        // Selektiere Element mit der ID 'ausgabe' und speicher diese in Variable 'meinElem'
        var meinElem = document.getElementById('ausgabe');
        // Gebe den Text aus als Inhalt indem Element mit der ID 'ausgabe'
        meinElem.textContent = toArray(27,11);
    </script>
</body>
</html>

Das Element wird mithilfe der Methode getElementById in die Variable meinElem gespeichert. Als zweites greifen wir auf das Element zu und verwenden die Methode textContent um innerhalb des Elements mit der ID ausgabe einen Text auszugeben. Indemfall dein Return von der Funktion toArray().

Mithilfe von der Konsole deines Browsers kannsrt du auch Text darin ausgeben lassen. die Methode console.log() wird dafür benötigt.

Hier eine Liste an Befefehlen, Eigenschaften und Methoden die ich verwendet habe:
https://wiki.selfhtml.org/wiki/JavaScrip...lementById
https://wiki.selfhtml.org/wiki/JavaScrip...extContent
https://wiki.selfhtml.org/wiki/JavaScript/Console_API

Diese Seiten helfen dir weiter die einzelnen Methoden, Eigenschaften und Befehle zu verstehen.

https://www.youtube.com/watch?v=9Ug9BnTxBeY

Viel Erfolg

rzscout
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen" Angel
Zitieren


Nachrichten in diesem Thema
Funktion mit Array - von nbergmann - 13.03.2023, 20:31
RE: Funktion mit Array - von rzscout - 13.03.2023, 22:31
RE: Funktion mit Array - von nbergmann - 14.03.2023, 06:20
RE: Funktion mit Array - von rzscout - 14.03.2023, 22:27
RE: Funktion mit Array - von nbergmann - 14.03.2023, 23:07
RE: Funktion mit Array - von rzscout - 15.03.2023, 12:04
RE: Funktion mit Array - von nbergmann - 15.03.2023, 13:09
RE: Funktion mit Array - von rzscout - 15.03.2023, 13:23
RE: Funktion mit Array - von nbergmann - 15.03.2023, 19:56
RE: Funktion mit Array - von rzscout - 16.03.2023, 12:22
RE: Funktion mit Array - von nbergmann - 16.03.2023, 17:18
RE: Funktion mit Array - von rzscout - 16.03.2023, 17:30
RE: Funktion mit Array - von nbergmann - 26.03.2023, 11:51
RE: Funktion mit Array - von Sempervivum - 18.07.2023, 13:26

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste