Javascript for-of schleife ergebnise mit einander rechnen?

Hey,
folgendes: Ich möchte einen notendurchschnitt berechner bauen. Nun habe ich folgendes Problem: Ich trage die Noten in eine Tabelle ein. Mit einer for-of schleife tu ich drüber etarieren. Nur jetzt weiß ich nicht, wie ich die ganzen Zahlen zusammen rechnen soll.

Hier der Code:

let noten = e.target.parentNode.querySelectorAll(".noten");

for(let note of noten.values()){

if(note.value != 0){

console.log(note.value);

// Problem: Alle Noten miteinander verrechnen

}

2 Antworten

Xearox

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

03.09.2022, 18:15

In dem du noch eine Variable erstellst und dort den Wert drin speicherst.

let avg = 0;
..... dein loop ..... avg+=note.value
avg = avg/noten.length

oder so ähnlich

solllte dir die richtige Richtung zeigen

Emreyy

Fragesteller

03.09.2022, 18:16

Ja, das mit / length hatte ich auch vor, aber es kommt immer eine note dazu, aus diesem Grund weiß ich nicht wie ich es mit der var machen soll. Also die noten in der var speichern

Xearox

03.09.2022, 18:18

@Emreyy

Ich weiß leider gerade nicht, was genau du meinst.

Emreyy

Fragesteller

03.09.2022, 18:19

@Xearox

Ich bekomme die Noten immer einzeln. Bei meinem console.log werden die Noten alle einzeln ausgegeben. Diese Noten muss ich iwie erster zusammen rechnen, um dann /length machen zu können.

Xearox

03.09.2022, 18:20

@Emreyy

hab ich doch oben geschrieben avg+=note.value

Emreyy

Fragesteller

03.09.2022, 19:25

@Xearox

Wenn ich diesen Code hinzufügen :

let durchschnitt = e.target.parentNode.querySelectorAll(".noten");

for(let note of durchschnitt.values()){

if(note.value != 0){

console.log(note.value);

let avg;

avg += note.value;

console.log(avg);

}

Bekomme ich bei einem console.log undefined und dahinter die Zahl, aber nicht zusammengerechnet

Xearox

04.09.2022, 04:29

@Emreyy

Das let Avg kommt auch außerhalb der Schleife und nicht da drin. Du willst doch, dass die variable außerhalb der Schleife noch aufrufbar ist.

Emreyy

Fragesteller

04.09.2022, 12:12

@Xearox

Ja, macht aber immer noch kein unterschied. Bekomme immer noch undefined und die Zahl dahinter

Xearox

04.09.2022, 14:30

@Emreyy

poste mal den gesamten code, dass ich das mal ausprobieren kann.

Emreyy

Fragesteller

04.09.2022, 14:34

@Xearox

Ok, hier der google Drive link:
https://drive.google.com/drive/folders/1q7mldPlXNavGIW8_IzfSxieFct7f1VYt?usp=sharing

Du musst nur unter JS > classes auf Notehinzufügen und dann die zweite methode, da ist der code.

Achtung: Öffne die index html via server, sonst klappt es nicht. Ich mache es immer mit live server

Xearox

04.09.2022, 15:00

@Emreyy

Der Ordner ist nicht freigegeben. Du musst meinen Zugriff akzeptieren oder die Zugriffrechte ändern.

Emreyy

Fragesteller

04.09.2022, 15:01

@Xearox

https://drive.google.com/drive/folders/1q7mldPlXNavGIW8_IzfSxieFct7f1VYt?usp=sharing

Jetzt ?

Xearox

04.09.2022, 15:02

@Emreyy

jetzt gehts

Emreyy

Fragesteller

04.09.2022, 15:02

@Xearox

Super, dankeschön das Du mir hilfst

iqKleinerDrache

03.09.2022, 18:20

zwei zusatzvariablen einführen

notencounter

notensumme

-----

notencounter = notencounter + 1;

notensumme = notensumme + note.value;

am ende dann:

if notencounter <> 0

notendurchschnitt = notensumme / notencounter;

Emreyy

Fragesteller

03.09.2022, 19:25

Wenn ich diesen Code hinzufügen :

let durchschnitt = e.target.parentNode.querySelectorAll(".noten");

for(let note of durchschnitt.values()){

if(note.value != 0){

console.log(note.value);

let avg;

avg += note.value;

console.log(avg);

}

Bekomme ich bei einem console.log undefined und dahinter die Zahl, aber nicht zusammengerechnet

Ähnliche Fragen

for-Schleife mit let?

for (let i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 10);
}

Warum hat hier jeder Schleifen-Durchgang seine eigene Kopie von i?

Im Gegensatz zu

for (var i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 10);
}

wo immer dasselbe i benutzt wird?

Ich verstehe ja, dass let block-scoped ist, aber das „let i = 0;“ wird doch nur ein einziges mal ausgeführt, und zwar am Start, BEVOR die Schleifen-Durchgänge ausgeführt werden. Warum benutzen die ganzen Schleifendurchgänge dann nicht dieses eine i, wie es auch beim var der Fall ist? Wie kommt es, dass jede Iteration ihr eigenes i hat? Es wird doch lediglich die Überprüfung der Bedingung am Ende jedes Schleifendurchgangs durchgeführt, nicht die Deklaration?

Wenn ich die for-Schleife zu einer äquivalenten while-Schleife umschreibe teilen sich die Iterationen wie erwartet das selbe i, trotz des lets.

let i = 0;
while (i < 5) {
  setTimeout(() => console.log(i), 10);
  i++;
}

...zur Frage

Wie muss ich diesen JavaScript-Code lesen (Schleifen)?

Hallo, ich befasse mich gerade mit Schleifen in JavaScript und ich verstehe das Prinzip ehrlich gesagt nicht wirklich, wie ich diesen Code in verständliche Sprache übersetze: Ich verstehe das Grundprinzip und bin mit Schlüsselwörtern wie continue oder break vertraut, aber ich verstehe nicht, wie ich die for-Schleife lesen muss: Was heißt let i = 0 zum Beispiel? Worauf bezieht sich die 0, auf den Index? Danach kommt ja die Bedingung i < numbers.length, was ist in dem Fall numbers.length, das Array? Und anschließend der Inkrementierungsausdruck, also erhöhe um 1.



const numbers = [2, 4, 56, 22, 65, 2, 54, 88, 29];         
console.log("Vor der Schleife");                           
for (let i = 0; i < numbers.length; i++) {                 
    const number = numbers[i];                             
    if (number % 2 === 1) {                                
        console.log("Ungerade Zahl gefunden.");           
        continue;                                             
    }                                                      
    console.log(number);                                   
}
console.log("Nach der Schleife.");

...zur Frage

Warum gibt mir innerHTML nur den letzten Wert der for loop aus?

Hi! Ich bin absoluter Javascript Laie.

Ich habe mir eine simple for-Schleife gebastelt und wollte den Wert von i in einem div ausgeben.

Leider wird immer nur der letzte Wert angezeigt.

Warum zeigt mir console.log(i) hier aber jeden Wert von i in der Konsole an?

for (i = 0; i < 10; i++) { 
    let myBlock = document.getElementById('myblock');
    console.log(i)
    myBlock.innerHTML = i;
}

...zur Frage

For schleife mit fmt format?

Ich hab grad eine komplette Lücke. Das einzige, dass ich ausgeben will ist, x(R1) und das von 1 bis 255. Ich bin dann aber auf die Idee gekommen, dass ich das ja mit einer For Schleife und der Fmt Lib machen kann. Jetzt hab ich aber folgendes Problem, dass ich nicht weiß wie ich die for schleife mit dem fmt ausgeben kann. Kann mir jemand helfen?

...zur Frage

JavaScript EventListener funktioniert nicht richtig?

Mein JS-Code:

'use strict'

let lines = document.getElementsByClassName("src-line");
let activeLine = -1;

for (let i1 = 0, i2 = lines.length; i1 < i2; i1++) {
  lines[i1].addEventListener("mouseover", function(){
    lines[i1].style.cursor = "text";
  });
  lines[i1].addEventListener("click", function(){
    activeLine = i1;
    console.log(activeLine);
  });
}
addEventListener("keydown", keypressed(e));

function keypressed(e) {
  if (activeLine != -1) {
    if (e.key == "Backspace") {
      console.log("Backspace");
      ediText[activeLine] = ediText[activeLine].substring(0, ediText[activeLine].length - 1);
    }
    else if (e.key == "Tab") {
      ediText[activeLine] += "&nbsp;&nbsp;&nbsp;&nbsp;";
    }
    else if (e.key == "Shift") {
      return;
    }
    else if (e.key == "Space") {
      ediText[activeLine] += "&nbsp;";
    }
    else {
      ediText[activeLine] += e.key;
    }

    console.log(e.key)
    charCompiler(ediText);
  }

  return 0;
};

Wenn ich nun auf ein Element mit der Klasse src-line klicke, wird in der Konsole immer der Listenindex angezeigt. Ich habe momentan zwei, also zeigt es immer 0 oder 1 an.

Wenn ich jetzt allerdings anfange, Buchstaben einzugeben, wird das zuletzt angeklickte Element verändert. Jedoch kann ich jetzt nicht mehr das Element wechseln, denn klicke ich jetzt auf das andere Element, wird das click-Event nicht mehr aufgerufen. D.h. activeLine wird nicht mehr geändert. Ich habe keinen Plan, warum.

Ist evtl. am Code was falsch, weil ich habe keine Ahnung warum das click-Event nach dem keydown einfach ignoriert wird, obwohl es davor ja noch ging. Btw wird auch in der Konsole beim Klicken danach nichts mehr angezeigt.

...zur Frage

Wie kann ich JavaScript-Code in Processing-Code umschreiben?

Hallo,

also ist es möglich, einen Java-Code in einen Processing-Code umzuschreiben oder besser gesagt, könnte jemand helfen? Ich bin noch sehr am Anfang, habe aber einen Code gefunden, der mir sehr gut gefällt und mit dem ich gerne ein bisschen herumprobieren würde. Nur funktioniert er eben in Processing nicht und mit Java kenne ich mich noch weniger aus, darum würde ich ihn gerne umschreiben.

So sieht das Ganze aus:

let shapes = [];
let colors = ["#ffc857", "#e9724c", "#c5283d", "#481d24", "#255f85", "#a5bccc"];

function setup() {
  createCanvas(1000, 800);
  rectMode(CENTER);
  translate(width / 2, height / 2);
  scale(1.4);
  rotate(random(PI));
  translate(-width / 2, -height / 2);
  background(random(colors));
  let seg = int(random(25, 45));
  let w = width / seg;

  for (let i = 0; i < seg; i++) {
    for (let j = 0; j < seg; j++) {
      let x = i * w;
      let y = j * w;

      if ((i + j) % 2 == 0) {
        shapes.push(createVector(x + w / 2, y + w / 2, w * 2.01));
      }
    }
  }

  shuffle(shapes, true)
  noStroke();

  for (let s of shapes) {
    let rnd = int(random(4));
    shuffle(colors, true);
    push();
    translate(s.x, s.y);
    fill(random(colors));

    if (rnd == 0)
      circle(0, 0, s.z);
    else if (rnd == 1)
      square(0, 0, s.z);
    else if (rnd == 2) {
      let n = int(random(1, 5));
      
      for (let i = 0; i < n; i++) {
        let ss = map(i, 0, n, s.z, 0);
        fill(colors[i]);
        circle(0, 0, ss);
      }
    }
    else if (rnd == 3) {
      let n = int(random(1, 10));

      for (let i = 0; i < n; i++) {
        let ss = map(i, 0, n, s.z, 0);
        fill(colors[i % colors.length]);
        square(0, 0, ss);
      }
    }

    pop();
  }
}

function draw() {
}

...zur Frage

Js Bilder anhand URL Downloaden?

let n = getElementsByTagName("img");

for(tip of n){

};

Doch ich weiß nicht wie ich diese Bilder Downlaoden kann.

Recherchiert hab ich doch da passiert nix.

...zur Frage

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zur Frage

JavaScript Problem?

Hab mir einen Passwort Generator gemacht (Code unten), aber irgendwas stimmt da manchmal nicht und ich komm nicht drauf.

Ist noch nicht fertig oder überhaupt ein Krasser Passwort Generator aber hab den aus Langeweile gemacht und dieser Fehler stört mich.

Kann mir jemand weiterhelfen ?

Hier steht kein Undefined.

Hier steht ein Undefined mitten im erstellten Passwort.

Ist nur kurzer JavaScript Code:


let pwLength = 12;
let randomNumber  = Math.round(Math.random() *3);
let ALPHABET = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',  'S', 'T', 'U', 'V', 'W', 'X','Y', 'Z' ];
let alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
let Numbers = ["0","1","2","3","4","5","6","7","8","9"];
let SpecialChar = 
            ["!", "*", "#" ,"," ,";" ,"?", "+", "-", "_" ,".", "=", "~", "^", "%", "(", ")" ,"{", "}", "[", "]", "|", ":", "/" ];
let passwort = "";


    for (i = 0; i <= pwLength - 1; i++){
    /* zufällige Zahl zwischen 0-3,
    Bei jedem Schleifendurchgang geht es in ein anderes if statement rein */
    randomNumber  = Math.round(Math.random() *3);


                    // +1 Großbuchstabe
                if (randomNumber == 0){
                passwort += ALPHABET[Math.round(Math.random() *ALPHABET.length)]; }
                  // +1 Kleinbuchstabe
                if (randomNumber == 1){
                passwort += alphabet[Math.round(Math.random() *alphabet.length)];}
                  // +1 Zahl
                if (randomNumber == 2){
                   passwort += Numbers[Math.round(Math.random() *Numbers.length)];}
                    // +1 Sonderzeichen
                if (randomNumber == 3){
                passwort += SpecialChar[Math.round(Math.random() *SpecialChar.length)];}
    }
                if (passwort.includes("undefined")){
                console.log("Undefined Fehler, Passwort lautet " + passwort);}
                else{ console.log("Dein Passwort lautet : " +passwort )}

Glaube mit Switch Case wäre das besser als if, hab ich aber nie benutzt nur in Tutorials mal gesehen

...zur Frage

JavaScript: Schachbrett Schleifen?

Leute, bitte, ich brauche Hilfe, wer programmieren kann.

Ich habe es versucht, aber keine Ahnung warum, es funktioniert nicht.

Ich wäre sehr dankbar, wenn ich Tipps oder so hier bekommen würde.

Was fehlt? Was ist falsch?

JavaScript:

"use strict";

window.addEventListener("load", init);

let i;
let t;
let tr;
let td;

function init() {
  console.log("Fenster ist geladen");

  let btn = document.getElementById("btn");
  btn.addEventListener("click", btn_angeklickt);
}

function btn_angeklickt() {
  console.log("btn angecklickt");

  let zeilen = document.getElementById("zeilen").value;
  console.log(zeilen);

  let spalten = document.getElementById("spalten").value;
  console.log(spalten);

  let table = document.getElementById("bratan");
  
  for (i = 0; i < spalten.value; i++);
  {
    tr = document.createElement("tr");
    table.appendChild(tr);

    for (t = 0; t < zeilen.value; t++);
    {
      td = document.createElement("td");

      if (i % 2 == t % 2) {
        td.style.backgroundColor = colors[0];
        td.style.height = "60px";
        td.style.width = "60px";
      }
      else {
        td.style.backgroundColor = colors[1];
        td.style.height = "60px";
        td.style.width = "60px";
      }
    }
  }

  tr.appendChild(td);
}

let colors = ["#044272", "#80AB52"];

HTML:

  <label for="Anzahl">Zeilen</label>
  <input type="number" id="zeilen">
  <br><br>
  <label for="Anzahl">Spalten</label>
  <input type="number" id="spalten">
</form>
<br>
<button type="button" id="btn" value="btn">erstelle Schachbrett</button>
<table id="bratan"></table>

...zur Frage

Java: Kann es sein, dass man keine Variable in Java innerhalb einer for-Schleife definieren und dann die Variable außerhalb verwenden kann?

Hey, kann es sein, dass man keine Variable in Java innerhalb einer for-Schleife definieren und dann die Variable außerhalb verwenden kann?

Jedenfalls kann ich mir sonst folgendes Szenario nicht erklären:

Warum sollte ich sonst Ergebnis nicht mit Ergebnis und einem weiterem Substring zuweisen dürfen?

Schon einmal danke im Voraus und gute Nacht.

...zur Frage

Node.js http-data außerhalb der Request?

Hallo,

ich habe folgendes Problem:

Ich hab eine HTTP-GET-Request abgeschickt und möchte nun die zurückgelieferte Data außerhalb dieses Aufrufs nutzen können. Ich kriegs aber irgendwie nicht hin. Ich hätt gern außerhalb des http.get eine Variable, in die die Data dann gespeichert wird.

So sieht mein Source-Code aus:

http_get = http.get('exampleapi.com/api', (res) => {
    //console.log('statusCode: ', res.statusCode);
    //console.log('headers:', res.headers);



    let response = '';
    res.on('data', (d) => {
        response += d;
    })
    
    res.on('end', () => {
        console.log(response);
    })
});

Die Anfrage geht an ne Steam-API, welche mir ein JSON-Objekt zurückliefert, falls das hilft :)

...zur Frage

Java Script wie kann ich das dauerhaft wiederholen?

const cars = ["saab", "Volvo", "BMW", "Mercedes"];
async function timer() {

for (let i=0; i < cars.length; i++) {

    console.log(cars[i]);
    await sleep(2000);
}
}

timer();
function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

...zur Frage

JavaScript, wie muss ich die Arrow-Funktion in diesem Kontext lesen?

Hallo Leute, ich habe hier ein Beispiel vor mir, das mich etwas verwirrt. Ich lerne gerade JavaScript und bin ehrlich gesagt bisher überhaupt kein Freund der Arrow-Funktion, weil ich die Schreibweise hässlich und unlesbar finde, aber da einige sie scheinbar gerne verwenden, muss ich sie mir wohl mal aneignen.

Was ich aus reiner Logik nicht nachvollziehbar finde: Wieso genau kommt nach => eine geöffnete geschweifte Klammer vor if?

Folgendes Beispiel:

function init() {
    window.addEventListener("keydown", (userInteraction) => {
      if (userInteraction.key !== undefined) {
        console.log(userInteraction.key);
      }

Ich würde das ohne Arrow-Funktion so machen:

function init() {
    window.addEventListener(            
        "keydown",                      //Name des Events
        userInteraction                 
    );
    if ( userInteraction.key !== undefined) {
        console.log(userInteraction.key);
    }
}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen