Javascript Tabelle ausgeben (array)?

Hallo,

wie oben zu sehen bin ich gerade dabei mein Script zu schreiben bzw lerne es. Ich habe eine Funktion aufgeschrieben welches mir mit dem Klick button diese Tabelle ausspuckt. In meinem Script stehen bei var Daten mehrere Zahlen aber mir wird nur die erste ausgegeben die anderen nicht. Wie kann ich dieses weiterführen, bis keine Zahlen mehr kommen?

5 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

JayC71

17.07.2019, 11:07

Deine Datenstruktur ist sehr unlogisch.

Anscheinend möchtest du mehreren Ländern mehrere Werte zuweisen. AUs deiner Struktur ist überhaupt nicht ersichtlich welche Werte welchem Land zugeordnet sind, somit krampfst du dir bei deiner Schleife einen ab und hast, wie es scheint auch das ARRAY nicht ganz verstanden.

An deiner Stelle würde ich ein Objekt erstellen und mit diesem arbeiten:

Beispiel:

var data = {
  "Deutschland" : [789789, 2391803, 344543, 433332],
  "Oesterreich": [546778, 321556, 891223, 123333],
  "Schweiz" : [43567, 43778, 22234, 12343]
};

Woher ich das weiß:Berufserfahrung – Software-Entwickler

onlineware

17.07.2019, 11:00

Du hast die while Schleife auf die Variable Laender angewendet. Das Laender Array hat aber ja nur einen Wert und kann deswegen nur einmal ausgegegen werden. Du musst die Schleife auf die Daten Variable anwenden. Dann kann die Schleife auch über mehrere Items laufen!

Woher ich das weiß:Berufserfahrung

cool27

Fragesteller

17.07.2019, 11:02

ach cool danke :D! die Daten werden mir jetzt angegeben, nur bekomme ich bei den Ländern ab der zweiten ein "undefined", wie bekomme ich das Problem gelöst? Würde gerne dort wieder ein Deutschland stehen haben oder nichts.

bluebird5

17.07.2019, 10:57

Öhm... du hast bei Laender ein Element. Die Schleife läuft für alle Elemente in Laender - also einmal. Du müsstest also wahrscheinlich noch Laender erweitern - oder die Schleife gegen "Daten" laufen lassen, dann hättest du aber eine reichlich sinnlose Tabelle.

cool27

Fragesteller

17.07.2019, 11:02

Xueen

17.07.2019, 10:58

Wie genau soll dein Ergebnis denn aussehen? Willst du das der Array als Zahlenfolge ausgegeben wird oder soll dieser in einer neuen <td> ausgegeben werden?

cool27

Fragesteller

17.07.2019, 11:00

Also die Tabelle sollte weitergeführt werden in der nächsten Zeile entweder wieder mit dem Namen deutschland oder halt frei und dann in der zweiten Spalte die Zahl "2391803"

bluebird5

17.07.2019, 11:14

@cool27

var laender = ["Deutschland"];
var daten = ["1", "2", "3", "4"];
// ...
for (var i = 0; i < daten.length; i++) {
land = laender[i] || "";
bip = daten[i];
ausgabe += "<tr><td>" // .... und so weiter, da ist deine Zeile schon richtig - nur halt die Variablen "land" und "bip" einsetzen.
}

ungetestet... aber so würde ich das probieren.

Daneben noch ein paar Anmerkungen:

Variablennamen sollten idealerweise auf englisch sein, mit einem Kleinbuchstaben beginnen und immer nach dem benannt sein, was sie sind - "Daten" ist also ein ganz schlechter Variablenname.
Schau dir die Schleifentypen nochmal an. Wenn du wie in diesem Fall weißt, wie viele Schleifendurchläufe du brauchst, ist die for-Schleife (oder auch forEach) besser geeignet als do... while. Meiner Erfahrung nach sieht und braucht man fußgesteuerte Schleifen (do... while) eher selten. So gäbe es auch in deinem Beispielcode Fehler, wenn Laender ein leeres Array wäre.
Strings als HTML-Elemente ergeben schwer wartbaren Code. Nimm lieber irgendwas in Richtung https://www.w3schools.com/js/js_htmldom_nodes.asp Wenn du JavaScript einigermaßen kannst, wäre auch der Blick auf ein Framework (React, Vue, Angular, ...) sinnvoll. Damit machst du dir das Leben noch leichter.
Warum enthält das Array "Daten" Strings und keine Zahlen?

Schreib modernes JavaScript und nimm lieber let und const anstelle von var.

bluebird5

17.07.2019, 11:17

@cool27

und wie JayC71 schon schreibt - ein Land und sein BIP gehören zusammen in ein Objekt

Xueen

17.07.2019, 11:04

Wie einige andere dir bereits geschrieben haben bezieht sich deine Schleife auf den Laender-Array. Pro Element in diesem Array (in deinem Fall ein Element = Deutschland) gibt sie eine Zahl aus, die erste im Daten-Array. Wenn du eine weiter <td> mit den anderen Daten möchtest musst du entweder Deutschland mehrmals in deinen Laender-Array schreiben oder, was natürlich sehr viel besser wäre, deinen Code abändern.

PhotonX

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

17.07.2019, 10:57

While läuft nur einmal durch, weil Laender die Länge 1 hat, wenn ich es richtig sehe.

Ich versuche ein json-array in eine html-tabelle zu konvertieren, Ich habe bereits dass benötigte json-array und die struktur der html-tabelle festgelegt. Ich verstehe aber nicht, wie ich das Array mit javascript an die tabelle weitergeben soll, Kann mir jemand helfen?

...zur Frage

JavaScript: Wie kann ich ein Array ohne Kommas ausgeben?

Also,

ich habe einen Array mit mehreren Strings, welche ich in HTML. Wie kann ich die Ausgabe ohne Kommas gestalten?

Beispiel:

var meinArray = ["string1 ", "string2"]
document.getElementById("wort").innerHTML = meinArray;

HTML AUSGABE >> string1 ,string2

Wie bekomme ich das Komma weg? Im Array können auch mehr als nur 2 Werte enthalten sein.

...zur Frage

JavaScript: Canvas-Bezug auf ein Button?

Hey,

ich habe per Canvas und Chart eine Grafik erstellt. Gibt es eine Möglichkeit, eine Funktion zu schreiben, die mein Canvas erst erstellt, wenn zwei Funktionen ausgeführt werden?

Beispielweise:

<select>
  <option>Bmw</option>
  <option>Benz</option>
<select>
<select>
  <option>Kombi</option>
  <option>Limousiné</option>
<select>

Meine Arrays sind irgendwelche Zahlen, die mir dann in meiner Tabelle angegeben werden, wenn das jeweilige gewählt ist. Nun möchte ich noch hinzufügen, falls derjenige BMW und Limousiné auswählt, mein Canvas "aktiviert" wird und nicht schon irgendwie vorher zeichnet.

...zur Frage

Kann man in Javascript prüfen, ob ein Array 2-mal den gleichen Wert hat?

Servus,

ich arbeite gerade an einem kleinem Snakespiel um Javascript zu lernen, und weil es mir spaß macht. Die Werte welche die Positionen der Schlage festlegen, habe ich in Arrays gespeichert. Jedoch habe ich keinen Plan, ob, und wie ich prüfen könnte, ob ein Wert 2-mal vorkommt, und je nachdem true oder false ausgegeben wird. Wenn mir Jemand helfen könnte wäre ich ich euch sehr verbunden. Danke!

...zur Frage

Ton abspielen Javascript?

Hallo,

Ich möchte auf meiner html Seite einen Sound abspielen, wenn ein Button geklickt wird. Die Seite läuft über den Localhost.

html:

 <script src="script.js"></script>
    <script src="anmeldungj.js"></script>
   <script src="/socket.io/socket.io.js"></script>
    <audio id="ringtone" src="Sound2.mp3"></audio>

JavaScript

var RingSound;
var Sound = new Audio('Sound2.mp3')
RingSound = document.getElementById("ringtone");
...
function Send() {
    if (delay && messageInput.value.replace(/\s/g, "") != "") {
        delay = false;
        setTimeout(delayReset, 1000);
        socket.emit("send", messageInput.value);
        messageInput.value = "";
        RingSound.play();
        Sound.play();
    }
}

Der Pfad stimmt:

Es wird aber kein Sound abgespielt, ich habe es über zwei Varianten versucht.

Ich hoffe jemand kann mir helfen

Jannik

...zur Frage

Javascript Array Name von Element ausgeben?

Hallo!

Ich habe ein Code erstellt, welcher in einem Text Zählt wie oft jeder einzelne Buchstabe vorkommt.
Anschliessend habe ich die einzelnen Buchstaben in eine Liste eingesetzt.

let Liste = [Aa,Bb,Cc,Dd,Ee,Ff,Gg,Hh,Ii,Jj,Kk,Ll,Mm,Nn,Oo,Pp,Qq,Rr,Ss,Tt,Uu,Vv,Ww,Xx,Yy,Zz];

Nun habe ich die Liste sortiert und ein paar Zeilen geschrieben, damit mir der Buchstabe ausgegeben wird, der am häufigsten Vorkommt. Dies hat auch funktioniert, doch mir wird nur der Wert ausgegeben. Also ich weiss somit nicht welcher Buchstabe am häufigsten vorkommt.

Wie kann ich nun auch noch zusätzlich den ursprünglichen "Namen" Ausgeben?

...zur Frage

Beim click auf einen button einen sound machen, JavaScript?

Hallo, ich habe einen Button erstellt undzwar:

<button class="button"> Bam </button>

Jetzt will ich dass bei jedem klick auf dem Button ein Sound abgespielt wird.

Wie soll ich das in JavaScript schreiben?

...zur Frage

JavaScript Funktion Summe?

Hallo ich möchte ein einfaches Programm scheiben was von zwei input feldern die Zahlen nach button Bestätigung zusammenrechnet. Bin mir bei meinem Code nicht sicher. Es addiert die Zahlen nicht sondern schreibt sie zusammen. 1+2=12

<script>
function summe()
{
var z1=document.getElementById('zahl1').value;
var z2=document.getElementById('zahl2').value;


var ergebnis= (z1+z2);
document.write("Das Ergebnis ist:"+ ergebnis);
}
</script>
<input type=text id="zahl1">
<input type=text id="zahl2">
<input type=button onclick="summe()" value="=">
</body>

...zur Frage

Daten aus einer MySQL Tabelle in ein JavaScript Array?

Guten Tag,

ich versuche gerade Daten aus einer MySQL Tabelle in einem Balkendiagramm auf einer HTML Seite darzustellen. Dazu verwende ich die Bibliothek Chart.js.

Über die SELECT Funktion mit php kann ich Daten aus einer MySQL Tabelle herausholen. Nun brauche ich aber die Daten in einem JavaScript Array für das Diagramm. Ich habe schon viel gegooglelt, was aber zu keinem Ergebnis führte.

Was das Programmieren betrifft bin ich ein Anfänger.

Grüße

...zur Frage

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zur Frage

Warum wird alert nicht ausgeführt (Javascript)?

Hi ich Frage mich warum mein alert nicht ausgeführt wird wenn ich auf den buten klicke ...könnte jemand der Javascript beherrscht mir den Fehler sagen ?

Code:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

alert ("willkommen hier");

</script>

var beschreibung = "super,mega,hammer";

var alter= 25;

var vergeben = false;

var name = "boy withb the spoon";

var leer = null;

document.write(name + "ist" + beschreibung + alter + "und sein status ist vergeben " + vergeben);

</script>

//diese variable ist sehr komplieziert

function geklickt(){

alert ("willkommen hier zum zweiten mal");

}

</script>

<form>

</form>

</body>

</html>

...zur Frage

Javascript fehler Button Disable?

Das Script erstellt 3 Button, 2 Zum Aktivieren und zum Deaktivieren. Zu Testzwecken noch ein simples Mini-programm. Aber irgendwie funktioniert das nicht.

<button onclick="locker(1)">Lock</button>

<button onclick="locker(2)">Unlock</button>

<input type="button" onclick="tellMessage()" id="btn01" value="OK">

<script>

var mtd = ("")

var a =

function locker(a) {

if (a = 1){

document.getElementById("btn01").disabled = true;

}

else

if (a = 2){

document.getElementsById("btn01").disabled = false

}

function tellMessage() {

mtd = prompt("Please enter message to display", "Your message...")

alert(mtd)

}

</script>

...zur Frage

JavaScript Array Addieren?

Hallo ich programmiere gerade etwas in JS und habe jetzt das Problem das ich in einen Array alle Zahlen + 1 rechnen muss wie tuhe ich das ... danke für antworten in voraus

...zur Frage

JavaScript doppelte Werte in einem Array?

Hallo zusammen, Nur eine kurze JS Frage, zu der ich jedoch kurioserweise keine für mich einfache Antwort finde ^^. Ich würde gerne eine Funktion in JS erstellen, die in einem Array nach doppelten Werten der Variabeln sucht und diese dann möglichst zurückgibt.

    var x = [1, 3, 2, 3, 4]; //Jetzt müsste die Funktion 3 zurückgeben

Wie wäre dies am einfachsten zu bewältigen? Tut mir leid, ich bin echt noch ein Anfänger (: Vielen Dank!

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen