javascript?

ich verstehe nicht warum die lösung 2 richtig ist und nicht die lösung 1 , da counter=2 aber in der while schleife steht counter <2 und da darunter counter++ steht zählt es ab 2. zudem steht dann noch weiter unten console.log (counter). und da counter gleich 1 ist, sollte doch 1 die lösung sein

Bild zum Beitrag

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Valentin1720653

22.03.2024, 21:40

Counter startet bei 1 und ist damit kleiner als 2, damit wird die Schleife einmal ausgeführt

Tristanwollseif

Fragesteller

22.03.2024, 21:41

ja aber ich dachte weil da unten in der while schleife counter++ steht, es bei 2 startet

Valentin1720653

22.03.2024, 21:43

@Tristanwollseif

Ich glaube du solltest dir nochmal die grundlegenden Sprachkonstrukte (Schleifen, Verzweigungen, Sequenzen) von Javascript anschauen.

Counter++; heißt, die oben definierte Variable counter soll um eins erhöht werden.

Counter startet bei 1, und da die Bedingung counter < 2 erfüllt ist wird die Schleife ein mal ausgeführt. Danach ist counter = 2 und die Bedingung damit nicht mehr erfüllt.

Damit wird 2 ausgegeben.

Tristanwollseif

Fragesteller

22.03.2024, 21:49

@Valentin1720653

aber wieso wird zwei ausgegeben?

also zumbeispiel:

let counter=1 ;

while (counter >6) {
counter ++ };

console log(counter) ;

ausgabe:

oder nicht?

Tristanwollseif

Fragesteller

22.03.2024, 21:44

hab jetzt noch eine zweite frage gestellt wo ich noch dazu ein anderes beispiel genommen habe wo es genauso ist wie ich meine

Maxi170703

22.03.2024, 21:44

Counter ist <2, wird also um eins erhöht auf 2. dann ist es nicht mehr <2, wird also ausgegeben als 2

Tristanwollseif

Fragesteller

22.03.2024, 21:45

aber wenn counter >=2 stehen würde würde es ja auch 2 sein aber da ist es ja nur alles was kleiner als 2 ist

Maxi170703

22.03.2024, 21:48

@Tristanwollseif

???

Tristanwollseif

Fragesteller

22.03.2024, 21:51

@Maxi170703

alles gut, hatte ein denkfehler

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

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

Javascript Counter?

Hallo ich habe in JavaScript ein kleines Spiel gebastelt und möchte nun einen Counter einbauen der angehalten werden kann, mit einem Schieberegler eingestellt werden kann und wenn er auf 0 oder drunter ist wieder von vorne los geht, meine versuche haben überhaupt nicht gut funktioniert und jetzt habe ich keine Ahnung mehr wie ich das hin bekommen kann, gibt es da eine gute Lösung?

...zur Frage

JavaScript, wofür steht in function(e) das e?

Hallo, ich lerne aktuell JS und habefolgendes Beispiel (siehe unten). Ich frage mich, wieso Lehrbücher in anonymen Funktionen solche Buchstaben als Parameter einbauen. Das e steht hier glaube ich für "Event", aber es ändert ja nichts an der Funktionsweise, wenn ich die Klammern leer stehen lasse, korrekt? Ich würde gerne verstehen, welche Vorteile sich für den Programmierer hier bieten. Am Anfang und auch jetzt fand ich es verwirrend, weil der Buchstabe ja nur symbolische Funktion zu haben scheint. Deswegen frage ich mich auch oft "Sollte ich das genauso handhaben oder eher weglassen". Dass es um ein Event geht, sieht man ja schon daran, dass Event-Listener und das Event change eingesetzt wird.



const checkbox = document.getElementById("remember");

checkbox.addEventListener(
    "change",                               
    function(e) {                           
        console.log(checkbox.value);        
        console.log(checkbox.checked);      
    }                 
);

...zur Frage

Was bringt der Einsatz von Setter und Getter in JavaScript?

Kurz: Ich verstehe nicht, was der Einsatz von set und get mir in der Praxis bringt. Ich weiß, dass er was mit Zugriffseigenschaften zu tun hat, aber ich vermische das glaube ich mit der Datenkapselung und der Privatisierung der Eigenschaften und Methoden über # (oder auch nicht, ich bin verwirrt).

Folgendes Beispiel sei gegeben, was genau macht hier den Unterschied? Egal ob ich nun den Abschnitt mit set und get niederschreibe oder nicht, an den Ausgabebefehlen und Ergebnissen ändert sich nichts. Ich kann auch problemlos die einzelnen Werte der Objektinstanz "fish". Ich wäre froh, wenn mir das jemand (möglichst einfach) erklären könnte. Soll der Zugriff von außen verhindert werden? Aber dafür habe ich ja #.



//Gegeben sei Klasse Animal
class Animal {
    
    _name = "";
    _color = "";
    _age = "";


    
    
    constructor(name, color, age) {                     
        this._name = name ? name : this._name;          
        this._color = color ? color : this._color;      
        this._age = age ? age : this._age;              
    }


    //Getter und Setter
    get name() {
        return this._name;
    }


    set name(name) {
        this._name = name;
    }


    get color() {
        return this._color;
    }


    set color(color) {
        this._color = color;
    }


    get age() {
        return this._age;
    }


    set age(age) {
        this._age = age;
    }


    //Ein paar Methoden
    eat(food) {
        console.log(`Mhh, ${food}`);
    }


    
    drink(drink) {
        console.log(`Schlürf, ${drink}`);
    }


    
    toString() {
        return `${this.name}, ${this.color}, ${this.age}`;
    }


}



//Erzeugung neuer Objektinstanz
const fish = new Animal("Fischi", "Grün", 2);               



console.log(fish.name);             //Ausgabe Fischi



fish.name = "Flipper";             //Neue Wertzuweisung
console.log(fish.name);            //Ergebnis Flipper

...zur Frage

Wie kann ich einen kurzen Text mit HTML und JavaScript auf Knopfdruck ändern?

Hallo, ich würde gern mit HTML und JavaScript erreichen, dass ich "Text1" angezeigt bekomme und darunter ein "Weiter"-Button liegt, der dann mittels Klick "Text1" mit "Text2" austauscht, "Text2" mit "Text3" etc.

hatte mir dafür einen code mit Klickzähler herausgesucht, der auch Funktioniert. Der Plan wäre es, den Klickzähler dafür zu nutzen, um die Zahl zu erhöhen und von dieser Zahl den ausgespielten Text abhängig zu machen.

Also z.B. Zahl 1 = Text1 und Zahl 2 = text2 usw.

Allerdings verstehe ich noch nicht , wie ich den Text mit der Zahl verknüpfe und diesen dann ausspielen lassen kann.

Habt ihr da vllt eine Idee oder einen Tipp, bzw. aber auch eine bessere Lösung?

Vielen Dank im Voraus!

<div>
  <center><h3 id="counter-label">0</h3></center>
   
<center>
  <div>
    <button onclick="incrementClick()">Click Me</button>
    <button onclick="resetCounter()">Reset</button>
  </div>
</center>
   
   
   
<script>
var counterVal = 0;
function incrementClick() {
  updateDisplay(++counterVal);
}
function resetCounter() {
  counterVal = 0;
  updateDisplay(counterVal);
}
function updateDisplay(val) {
  document.getElementById("counter-label").innerHTML = val;
}

...zur Frage

Wie könnte ich dieses Problem mit einer Callback-Funktion lösen?

Hallo, ich lese gerade etwas zu Callback-Funktionen in der asynchronen Programmierung und frage mich bei folgendem Beispiel, wie ich dafür sorgen kann, dass - trotz Verzögerung per setTimeout() - Aufgabe 1 vor Aufgabe 2 aufgerufen wird. Ich glaube, dass Callback-Funktionen hier eine Lösung sein könnten, aber die Umsetzung verstehe ich noch nicht so ganz.

function taskOne() {
    console.log("Aufgabe 1");
}


setTimeout(taskOne, 3000);




function taskTwo() {
    console.log("Aufgabe 2");
}


taskTwo();

//Ergebnis:
Aufgabe 2
//3 Sekunden delay
Aufgabe 1

...zur Frage

C Deklaration für "while"-Schleife erwartet?

Moin Leute, ich bin gerade dabei, C zu lernen und habe dazu mal den Quellcode aus einem Tutorial genommen. Da das Programm nach einer Eingabe endet, wollte ich nun mal etwas experimentieren und versuchen, eine Schleife einzufügen.

Ich habe es schon mit verschiedenen for und while Schleifen ausprobiert, aber jedes Mal bekomme ich für "for" und für "while" einen Fehler ausgeworfen, dass dafür eine Deklaration erwartet wird. Außerdem sagt er mir sowohl bei while als auch bei for, dass dieser einen Syntaxfehler erzeugt. Ich habe unten mal einen Screenshot davon angehängt.

Ich habe die Schleifen so, wie ich sie im Internet gefunden habe, übernommen, aber keine davon scheint zu funktionieren. Was mache ich falsch?

Ich benutze Microsoft Visual Studio Community 2022 Version 17.7.5.

...zur Frage

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

}

...zur Frage

Zugriff auf svg Element in HTML gibt immer "null" zurück?

Hallo zusammen,

folgendes Problem:

Ich möchte aus meinem javascript Code zu laufzeit auf meine sonarGrafik.svg zugreifen können um deren Elemente zu manipulieren (oder neue hinzufügen zu können).

So sieht erstmal der ganze HTML Code aus:

<!DOCTYPE html>
<html>
<head>
    <title>Arduino Daten</title>
    <link rel="icon" href="data:,">
    <script src="scripts/script.js"></script>
    <link rel="stylesheet" href="styles/style.css"> 
</head>
<body>
    <object id = "svgObject" data="styles/sonarGrafik.svg" type="image/svg+xml"></object>
</body>
</html>

Der betroffene Teil in meinem javascript Code:

function insertDots(cx, cy) {
    const svgObject = document.getElementById("svgObject");
    console.log(svgObject.contentDocument) // hier erhalte ich in der Console immer "null"


    svgObject.addEventListener("load", function() {
        if (svgObject && svgObject.contentDocument) {
            const sonarSVG = svgObject.contentDocument.getElementById("sonar");
            console.log(sonarSVG);
        }
    });
}

(Die funktion insertDots(cx, cy) wird alle paar sekunden aufgerufen und ich erhalte in der Browser Konsole immer nur null. Dementsprechend ist die if Bedienung darunter auch nie wahr)

In meiner .svg Datei gibt es definitv die id= "sonar":

<svg id="sonar" width="700" height="700" xmlns="http://www.w3.org/2000/svg">
  <rect x="0" y="0" width="100%" height="100%" fill="rgba(128, 128,   128, 0.25)" />
</svg>

So sieht meine Ordnerstruktur aus:

Website
│   SonarVisuallisierung.html
│
├── scripts
│       script.js
│
└── styles
        style.css
        sonarGrafik.svg

Gibt es irgendwo einen Fehler oder eine andere Möglichkeit auf die Elemente der .svg Datei über das script zuzugreifen? (Den Inhalt der .svg will ich ausgelagert lassen und nicht in das HTML einfügen wegen der Übersichtlichkeit)

Danke für alle Lösungsvorschläge.

...zur Frage

Wie programmiere ich einen Zähler in C?

Hallo,

ich bin ein Anfänger und würde gerne wissen wie man einen Zähler programmiert, welcher bei 0 anfängt und bis zur Zahl zählt, die der Benutzer eingegeben hat. Das ganze soll mit einer do-while Schleife sein. Ich bitte um den ganzen Code. Ich kriege es einfach nicht hin.

...zur Frage

Informatik schleifen Flussdiagramme java html While-Schleife oder do-while-Schleife?

Thema schleifen und Flussdiagramme:

es geht um die Aufgabenstellung aus einem FlussDiagramm einen JavaScript Programmteil zu schreiben. Die Flussdiagramme bestehen aus schleifen daher sollte man am Anfang klären ob es eine while , do while oder for Schleife ist. Habt ihr erkennungsmerkmale bzw tipps die richtige Schleife zu finden? Ich weis das bei man bei einer do while Schleife zu Beginn etwas eingeben bzw. Tun muss. Aber was noch?

...zur Frage

While Schleife in Python?

Ich lerne gerade die Programmiersprache Python und bin nun bei der while Schleife angekommen. Ich habe ein Tutorial angesehen, aber verstehe nicht den Sinn der while Schleife. Was kann ich damit anfangen?
Danke schon mal für die Antworten

...zur Frage

Ist mein Pseudocode richtig?

Ich versuche mich grade in Pseudocode einzuarbeiten. Leider bin ich mir nie ganz sicher wie ich es schreiben soll...teilweise schreibe ich dann einfach richtigen Code^^

Aufgabe:

Stellen Sie mit Hilfe von Pseudocode das Hochzählen einer Variablen jeweils mit Hilfe einer "for" bzw. Mit Hilfe einer "while" Schleife dar.

Meine Lösung:

For:

int Counter = 0

for i = 0; Laufe bis i = 10; i++
    Counter = Counter + 1
ende for

while

Counter = 0

while (Counter größer oder gleich 20)
    Counter = Counter + 1
Ende while

Obwohl ich schon lange programmiere, fühlt es sich an als ob das alles irgendwie neu ist ^^'

Noch zwei Frage.:

Muss ich den Datentyp angeben, beim initialisieren einer Variable?

Wie initialisieren ich ein Array (Ein- und Zweidimensional)?

Mir kommt der Kopf der For-schleife falsch vor...kann ich das so schreiben?

Danke für eure Hilfe! :)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen