JavaScript Problem, ich komm kein Stück weiter?

Ich wollte ein Programm schreiben, welches mit bei der Zusammenstellung der Einkaufsliste helfen soll.

Wenn ich auf den Button Drücke spuckt er mir unten aus, was auf meine Einkaufsliste muss, soweit so gut. Ich weiß aber nicht, wie ich JS dazu bringe, dass er mir die variablen zusammen und eine komplette Einkaufsliste ausspuckt.

Ich glaube, dass ich dafür auch schon an den variablen Fehler begangen habe, die Anzahl der Zutaten sind auch als String gespeichert. Falls ich das ändern müsste, wäre ein Denkanstoß in die richtige Richtung sehr nett.

Euch allen ein riesen Danke

hier der Code:

https://jsfiddle.net/4d7mfn18/

3 Antworten

Von Experte BeamerBen bestätigt

Berny96

21.02.2023, 15:37

Hier ein simpler Vorschlag:

Nutze ein Array der alle benötigten Zutaten als Auflistung speichert sprich:

let benoetigteZutaten = []

Wenn du dann auf ein Button clicks dann soll dieser Array einfach befüllt werden mit den Zutaten, Beispiel:

benoetigteZutaten.push("apfel", "apfel", "zucker")
// benoetigteZutaten hat dann folgenden Inhalt
// ["apfel", "apfel", "zucker"]

Wenn du nochmal auf diese Mahlzeit Klicken solltest dann würde dein Array wie folgt aussehen:

// benoetigteZutaten hat dann folgenden Inhalt
// ["apfel", "apfel", "zucker", "apfel", "apfel", "zucker"]

Da es nur ein Denkansatz ist, kannst du selber heraus finden wie du jetzt die allgemeine Einkaufsliste aufbaust anhand deines Arrays. Apfel steht jetzt 4x drin, sprich du musst:

Anzahl an Zutaten zählen und merken
Anhand der gezählten Zutatenliste dann deine Einkaufstliste aufbauen (als string von mir aus)

Woher ich das weiß:Berufserfahrung – Beruf, Schule, Hobby und eigene Erfahrungen

wandererds

Fragesteller

21.02.2023, 15:39

Super, danke. Ich freu mich über jeden Ratschlag, der mich ans Ziel bringt

Babelfish

21.02.2023, 16:00

Wobei das Zählen den Zutaten eher nicht der richtige Ansatz ist. Das könnte bei 500 g Zucker schon mühselig werden.

Statt einem String würde ich pro Zutat ein Objekt nutzen:

let apfel = {
  title: "Apfel",
  unit: "Stück",
  quantity: 2,
};

let zucker = {
  title: "Zucker",
  unit: "Gramm",
  quantity: 250,
};

Berny96

21.02.2023, 16:01

@Babelfish

Ja, es gäb viele bessere Ansätze. Für einen Anfänger aber könnte es ein wenig überfordert sein schon mit Objekten zu arbeiten. War halt nur ein Ansatz, dein Weg wäre definitiv schon mal ein großer Schritt weiter

BeamerBen

21.02.2023, 16:22

An deiner Stelle würde ich die Zutaten in einer Variable in einem Objekt bzw. Map speichern.

Dh. du speicherst unter einem Key z.B. Apfel einen Wert, in dem Fall kann das die Anzahl sein. Später eventuell wie Babelfish vorschlägt eventuell auch einen String mit der Einheit.

Sobald auf einen Knopf gedrückt wird aktualisierst du dann deine Map/Dictionary/Objekt/whatever und generierst dir aus dieser Key Value Zuweisung über eine Schleife, reduce oder ähnliches einen String den du anzeigen kannst.

mehr über Maps findest du hier:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

eventuell kann ich dir n Beispiel schreiben wenn du es nicht hinbekommst aber gerade zu faul.

Der Vorschlag von Berny96 mit einem Array ist auch nicht so schlecht, hier ist nur der Nachteil, dass du dann eventuell zwei mal "Apfel" auf deiner Liste stehen hast und zu zählen wie oft Apfel auf der Liste steht oder ähnliches wäre etwas nervig.

ITgirlde

18.03.2023, 22:15

wenn du weiter Javascript lernen möchtest, kann ich dir dieses kostenlose Spiel empfehlen:
https://itgy.de/schulungen/scriptfighter-javascript-lernspiel/

Wir bräuchten eine Lösung um unsere durch eine API generierten Daten auf unserer HTML Seite auszugeben.

Wir haben zum Beispiel ein let test = "Irgendwas" in der JS Datei und wir wollen den String in der HTML Datei ausgeben bzw auf der Website anzeigen lasse. Also es wird keine JQuery verwendet und die Daten liegen einfach als String vor.

...zur Frage

Javascript + CSS animation will nicht funktionieren?

Hallo,

ich kann mir vorstellen, dass hier so einiges falsch ist. Es geht hauptsächlich um die drei letzten Klassen im CSS und um den kompletten JS Code. Ich will, dass die box auf der linken Seite und der Container unterm HR rein sliden.

Weil des Code etwas lang ist hab ich das auf jsfiddle gespeichert:

https://jsfiddle.net/damvn6wy/26/

danke im voraus.

...zur Frage

Javascript Variable an PHP übergeben? AJAX

Hallo Leute,

Ich würde gerne Javascript Variablen an PHP übergeben.

Ich habe es bisher über die URL gemacht, aber das ist weit weniger elegant als ich es mir wünsche.

Nach einer Internet Recherche habe ich etwas gefunden von AJAX und das man damit in der Lage ist, eine JS Variable an PHP zu übergeben. Nur wie?

...zur Frage

JavaScript in HTML aufrufen?

Hallo zusammen
Ich brauche eure Hilfe, weil ich noch nicht viel mit JS gemacht habe.

Ich habe bis jetzt immer mein <script>-Tag mit Funktionen und Variablen in der HTML-Datei gehabt - hat immer funktioniert.

Jetzt will ich das <script>-Tag in eine eigene Datei ablegen.
Um das zu verschachteln und projektorientiert zu machen, dass man nicht für jede Seite die Funktionsänderung vornehmen muss.

Deswegen hab ich mit "<script src="/fileadmin/public/js/myScript.js"></script>" die JS-Datei in die HTML-Datei implementiert.

Mein Problem: Die Events führen nicht mehr aus.

Liegt das an daran, dass document.getElementById sich die ID aus dem internen dokument sucht?
Wie kriege ich, dass die ID von der HTML-Datei angesprochen werden?

Vielen Lieben Dank und liebe Grüße

...zur Frage

Wieso funktioniert das nicht / Was mach ich falsch in JavaScript?

Setze ich anstatt x, y, z, x_1, x_2 und x_3 Zahlen ein, wird der Versor/Vektor geplottet, aber nicht wenn ich die Variablen x, y, z, x_1, x_2 und/oder x_3 eingeben.
Warum? Was ist falsch?

Das für mich kuriose dabei ist, dass der Rechner funktioniert, aber er dennoch nicht mit den Gleichen angaben plotten will...

Erläuterung:

Also...

Ich habe da einen so einen selbstprogramierten Rechner für Rotation von Vektoren/Versoren im Raum um eine Drehachse über Quaternionen:

Ich will jetzt diese Versoren/Vektoren plotten.
Dafür habe ich mir - gemäß alter Väter Sitte - einen Code aus dem kopiert, welcher mit in js-Logik eine "Spähre" aus einen Polygon formt und darin einen "Vektor" darstellt:

Doch er macht nicht was ich ihn sage bzw. nicht was ich will...

Was mach ich falsch?

Mein Body:

(PS: Mein Code kann gerne jeder nutzen / kopieren ;) )

...zur Frage

Javascript Rechnung mit Kommastellen?

Ich habe in JS eine Funktion, mit welcher ich meine Zeugnisnote berechnen kann, allerdings hätte ich es gerne so das z.B statt "3" eine "3,5" angegeben wird und nicht auf die nächste Zahl gerundet wird. Wie mache ich das?

function lkberechnung(){
    const at = parseInt(document.getElementById("lkallgemein").value)
    const kl1 = parseInt(document.getElementById("kl1").value)
    const kl2 = parseInt(document.getElementById("kl2").value)


    const lkergebnis = String(Math.round((kl1 +kl2 + at*2)/4));
    document.getElementById("lkergebnis").innerHTML =("Du hast " + lkergebnis + " Punkte auf dem Zeugnis");

...zur Frage

Javascript Datei senden?

Hallo,

angenommen ein Javascript liest bestimmte Werte und speichert diese als String in einer Variablen, wie kann ich diese Variable dann versenden(vom Browser des Nutzer) zu mir?

...zur Frage

Warum kann ich die js nicht einbinden?

Ich sollte ein Programm, welches mein Lehrer geschrieben hat und auf JSfiddle hochgeladen hat, übernehmen, jedoch funktioniert die javascript Datei nicht wenn ich es mit einbinde. Die Css wird aber übernommen. Woran liegt das? Hier ist der Code, so wie ich ihn im Notepad reingefügt habe: https://jsfiddle.net/marvinl/65yx8mqc/1/

...zur Frage

Könnt ihr mir bei folgendem JavaScript Problem helfen?

programmieren ist mein jüngstes und schwierigstes hobby, ich würd mich freuen wenn ich dieses Problem lösen könnte. Ich möchte, dass jeder Name, der im Eingabefeld eingegeben wird unten erscheint.

danke im voraus.

https://jsfiddle.net/6wcf9j5e/

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form class="guestList" action="index.html" method="post">
      <label>Your Name: </label>
      <input type="text" name="" value="..." id="nameInput;" />
      <input type="submit" name="" value="submit" onclick="pushArray();"/>
    </form>
    <div id="addName"></div>
    <script type="text/javascript" src="dailyrepead.js">
    </script>
  </body>
</html>

JS:

var guestList = [];
var count = document.getElementById("nameInput");
function pushArray() {
  guestList.push(count);
  document.getElementById("addName").innerHTML += guestList[count] +"<br>";
}

...zur Frage

JS : Variablen Name mit Variable definieren möglich?

Hallo,

ich versuche gerade in JavaScript eine Variable zu erstellen.

Diese Variable soll mit einer anderen Varibale definiert werden, dass heißt

Ich will einen Namen z.B. hallo und dann habe ich noch eine Zählervariable i.

Bei jedem Durchlauf einer Schleife, wird i um eins erhöht und ich möchte dann, dass je nachdem wie oft die Schleife durchläuft so viele Variablen definiert werden, die dann heißen :

hallo1

hallo2

hallo3

...

Wie oft die Schleife durchlaufen soll ist vorher nicht vorgegeben, es soll funktionieren, egal wie oft die Schleife durchläuft.

Weiß jemand von euch eine Antwort auf mein Problem ?

LG white

...zur Frage

Mit Input Element rechnen (JavaScript)?

Ich fange gerade an, programmieren zu lernen (HTML, Js, CSS) und bin gerade dabei eine Website zu coden, die Meilen in Kilometer umrechnet. Man gibt beim Input Feld die Meilen ein und wenn man den Button Convert drückt sollen diese in Kilometern angegeben werden. Bei der Js Funktion mit dem Button kommt allerdings immer NaN (Not a Number) heraus, wenn ich mit dem Eingegeben weiterrechnen möchte. Wisst ihr wie man den String von der Eingabe zu einem Zahlenwert machen kann, sodass die Funktion damit weiterrechnen kann? Danke

...zur Frage

javascript und css kombinieren?

Ich will eine Stecknadel an der stelle setzen lassen wo man klickt weiß aber nicht wie ich meine x und y variablen in css einsetzen kann, oder gibt es einen weg css in js zu benutzen?

...zur Frage

Zahl als Zahlwort (String) ausgeben Javascript?

Wie kann man in JS eine gegebene Zahl in ihr jeweiliges Zahlwort umwandeln?
Als Beispiel: Es wird eine 3 gegegben und die Methode soll nun "drei" zurückgeben... Wie geht das?

...zur Frage

Geteilte Einkaufsliste JS?

Also ich will eine Geteilte Einkaufsliste machen wo wenn einer etwas hinzufügt es bei allen anderen auch hinzugefügt wird und dasselbe auch beim Löschen. Leider weiß ich nicht wie eine JS Datenbank geht und finde kein Deutsches Tutorial.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen