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

verreisterNutzer

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

Beitragsersteller

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

verreisterNutzer

03.09.2022, 18:18

@Emreyy

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

Emreyy

Beitragsersteller

03.09.2022, 18:19

@verreisterNutzer

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.

verreisterNutzer

03.09.2022, 18:20

@Emreyy

hab ich doch oben geschrieben avg+=note.value

Emreyy

Beitragsersteller

03.09.2022, 19:25

@verreisterNutzer

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

verreisterNutzer

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

Beitragsersteller

04.09.2022, 12:12

@verreisterNutzer

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

verreisterNutzer

04.09.2022, 14:30

@Emreyy

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

Emreyy

Beitragsersteller

04.09.2022, 14:34

@verreisterNutzer

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

verreisterNutzer

04.09.2022, 15:00

@Emreyy

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

Emreyy

Beitragsersteller

04.09.2022, 15:01

@verreisterNutzer

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

Jetzt ?

verreisterNutzer

04.09.2022, 15:02

@Emreyy

jetzt gehts

Emreyy

Beitragsersteller

04.09.2022, 15:02

@verreisterNutzer

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

Beitragsersteller

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 Beiträge

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++;
}

...zum Beitrag

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.

...zum Beitrag

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.");

...zum Beitrag

JavaScript Cookie Funktioniert nicht?

function setCookie() {
  if (allowCookie) {
    let cookieData = "";
    //
    //
    cookieData = cookieData.substring(0, cookieData.length - 1);
    let today = new Date();
    today.setTime(today.getTime() + 30 * 24 * 60 * 60 * 1000);
    cookieData =
      "input=" + cookieData + "; expires=" + today.toUTCString() + "; path=/";
    document.cookie = cookieData;
    console.log(cookieData);
    console.log(document.cookie);
  }
}

Wenn ich den Code jetzt ausführe bekomme ich in der Console folgende ausgabe:

input=A.13.9.A.12.11.10.8..A.14.11.13.12.12.A.11.13.A.10.10.A.14.11.13.12..A.12.11.11.12..A.14.14.13.A.12.13.A.15.12.13.A...A.15.15.A.15.10.A...14.12.13; expires=Thu, 23 May 2024 09:06:19 GMT; path=/

wenn ich navigator.cookieEnabled auslese ist dies true. Also warum wird mein Cookie nicht abgespeichert?

...zum Beitrag

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;
}

...zum Beitrag

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>

...zum Beitrag

Sprung vom letzten Array Element in den Ersten?

Hallo,

ich habe folgende Funktion:

function getNextWeekday(day) {
  let i = 0;
  while (i < weekdays.length) {
    if (day == weekdays[i]) {
      console.log(weekdays[i+1]) ;
      return weekdays[i+1];
    }
    i = i + 1
  }
  console.log("Error!");
  return null;
}

Wenn man getNextWeekday("Monday") eingibt, wird Tuesday ausgegeben etc. Wenn ich aber Sonntag eingebe, sollte Montag herauskommen. Weiss jemand was ich an meiner Zählervariable abändern muss, damit das funktioniert?

...zum Beitrag

javascript api probleme?

Hallo,

guckt euch mal meinen Code an.

JAVASCRIPT:

// INPUT
const login = document.getElementById("loginInput");
const password = document.getElementById("passwordInput");
const button = document.getElementById("sendButton");


// FETCH
const url = "https://crudcrud.com/api/4b3acc467d8c47d8a608bb9820171935/todos"



const dataRender = (array) => {
  if (array === undefined) {
    console.log("Loading results...");
  } else {
    let dataList = array.map((item) => {
      return `
      <div class="users">
        <p>${item.login}</p>
        <button onclick="deleteRequest(${item.id})">Delete</button>
        </div>
        `;
    });
    const getHtml = document.getElementById("userTable");
    getHtml.innerHTML = dataList.join("");
  }
};


const fetchData = async () => {
  try {
    const response = await fetch(url);
    const data = await response.json();
    dataRender(data);
  } catch (error) {
    console.error(error);
  }
};



fetchData();


const postRequest = async () => {
  const data = {
    login: login.value,
    password: password.value,
    isLogin: false,
  };


  try {
    const response = await fetch(url, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(data),
    });


    const results = await response.json();
    console.log(results.message);
  } catch (error) {
    console.error(error);
  }


};


button.addEventListener("click", postRequest);


const deleteRequest = async (id) => {
  try {
    const response = await fetch(`${url}/${id}`, {
      method: "DELETE",
      headers: {
        "Content-Type": "application/json",
      }
    })
    const results = await response.json()
    console.log(results.message);
  }
  catch (error) {
    console.error(error);
  }
}

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CRUD</title>
  <script  defer src="./script.js"></script>
</head>
<body>
  <form>
    <input id="loginInput" type="text" placeholder="Login">    
    <input id="passwordInput" type="password" placeholder="Password">    
    <button onclick="" id="sendButton">Send</button>


    <div id="userTable">
      
    </div>
  </form>
</body>
</html>

Mein Ziel:

Wenn ihr auf das button "Send" drückt, dann erscheint ja der value von dem input "login" auf HTML (innerHTML heisst das glaube ich). Und zusammen mit dem value erscheint auch ein anderer Button namens "Delete". Mein Ziel ist es, dass wenn ich auf "Delete" drücke, dann sollte das item aus Backend-Server und aus HTML gelöscht werden. Aber das klappt bei mir die ganze Zeit nicht. Einfacher ist es wenn ihr meinen Code einfügt und selber mal den Code testet, dann werdet ihr verstehen, was ich machen will.

Bitte helft mir! Ich sitze schon wirklich lange dranrum und ohne Erfolg!

Dankeschön im Voraus!

MfG

MrOsmo

...zum Beitrag

Warum funktioniert mein Websockets- Server nicht?

Hallo,

ich möchte mithilfe von Websockets über JS auf Python zugreifen, das ist mein Code:

Python:

def send_message_to_browser(message):
    url = "http://localhost:8000/?wake_word=luna"
    try:
        response = requests.get(url)
        if response.status_code == 200:
            print("Nachricht an den Browser gesendet:", message)
        else:
            print("Fehler beim Senden der Nachricht an den Browser")
    except requests.RequestException as e:
        print("Fehler beim Senden der Nachricht an den Browser:", e)

JavaScript:

// WEBSOCKET
var socket = new WebSocket('ws://localhost:8000/?wake_word=luna');

// Debugging-Ausgabe zur Überprüfung der Verbindung
console.log("WebSocket wird hergestellt...");

// Ereignisbehandlungsfunktion für Verbindungsherstellung
socket.onopen = function(event) {
    // Debugging-Ausgabe zur Bestätigung der erfolgreichen Verbindung
    console.log("WebSocket-Verbindung hergestellt.");
};

// Ereignisbehandlungsfunktion für Nachrichtenempfang
socket.onmessage = function(event) {
    // Nachricht vom Server erhalten
    var message = event.data;

    // Debugging-Ausgabe
    console.log("Nachricht empfangen:", message);

    // Überprüfen, ob die empfangene Nachricht "luna" ist
    if (message === "luna") {
        // Ändern der Hintergrundfarbe der Div mit der ID "luna_wake_word" auf Rot
        $('#luna_wake_word').css("background-color", "red");
    }
};

// Fehlerbehandlungsfunktion für WebSocket-Verbindung
socket.onerror = function(error) {
    console.error('WebSocket Error: ', error);
};

// Schließen der WebSocket-Verbindung
function closeWebSocket() {
    socket.close();
}

Doch immer, wenn ich das Programm starte und in die Konsole schaue kommt dieser Fehler:

WebSocket wird hergestellt...

index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1929 WebSocket connection to 'ws://localhost:8000/?wake_word=luna' failed:

(anonym) @ index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1929

index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1957 WebSocket Error: Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}

Kann mir jemand helfen?

Freundliche Grüsse

...zum Beitrag

Javascript Leerzeile nach pTag einfügen?

Hi,

ich möchte nach einem pTag, wenn das nächste GeschwisterElement nicht auch ein pTag ist, eine Leerzeile einfügen. Leider schein bei der If Abfrage iwas nicht zu stimmen. Er führt den Befehl immer aus obwohl das nächste Element ein pTag ist. Sieht jemand meinen Fehler?

function leerzeile() {

var plength = document.getElementsByTagName("p").length;

for (let i = 0; i < plength; i++) {

var p = document.getElementsByTagName("p")[i];

p.classList.add("pclass");

}

var pclass = document.getElementsByClassName("pclass").length;

for (let i = 0; i < pclass; i++) {

var ptag = document.createElement("p");

ptag.innerHTML = "&nbsp";

var vorhandenesObjekt = document.getElementsByClassName("pclass")[i];

var nextElement = vorhandenesObjekt.nextSibling;

if (nextElement.tagName != "p" ) {

vorhandenesObjekt.appendChild(ptag);

vorhandenesObjekt.style.margin = "0";

}

leerzeile();

...zum Beitrag

Wie kann ich den Fehler beheben?

const http = require('http');
const fs = require('fs');
const mysql = require("mysql2");

var db  = mysql.createConnection({
    host : "localhost",
    user : "root",
    password : "passwort",
    database : "test-datenbank"
});


db.connect(function (error){
    if (error) throw error;
    console.log("Connected!")
    var sql = "INSERT INTO benutzer (username) VALUES ('Beispiel')";
    db.query(sql, function (error,result){
        if(error) throw error;
        console.log("1 record inserted");
    });
    sql="SELECT * FROM benutzer"
    
    db.query(sql,function(error,result){
        if (error) throw error;
        console.log(result);

    });
});

const server = http.createServer((req,res) => {
    const url = req.url;
    const method = req.method;
    

    if ( url === "/"){
    res.setHeader("key","value");
    res.setHeader("Content-Type","text/html");
    res.write('</html><body>');
    res.write('<h1>Main</h1>');
    res.write('<h1><form action="/register" method="post"> <input type="text" name="Username"><br><button type="submit">Click</button></form></h1>');
    res.write("</body></html>");
    res.end()
    return;
    }

    if (url === "/register"){
         
        const reqBody = []
         req.on('data', (chunk)=>{
            console.log(chunk);
            reqBody.push(chunk);
     });
        
     req.on('end', () => {
        console.log(reqBody);
        const parsed = Buffer.concat(reqBody).toString();
        console.log(parsed);
        const user = parsed.split('=')[1];
        console.log(user)
        
        // funktioniert nicht 
        sql = 'INSERT INTO benutzer (username) VALUES ?, user;
        db.query(sql,function(error,result){
            if (error) throw error;
            console.log(result);
        });



});
        
        
        res.setHeader("key","value");
        res.setHeader("Content-Type","text/html");
        res.write('</html>');
        res.write('<body><h1>Registriert</h1></body>');
        res.write("</html>");
        res.end()
        return;

    }
    
}) 



server.listen(1337);

Der Fehler lautet wie folgt:

code: 'ER_PARSE_ERROR',

errno: 1064,

sqlState: '42000',

sqlMessage: "You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' at line 1",

sql: 'INSERT INTO benutzer (username) VALUES',

fatal: true

...zum Beitrag

For-Schleife und Ungerade/Gerade Zahlen?

Wir hatten als Aufgabe, die Zahlenabfolge 1, -2, 3, -4, 5, -6 zu kriegen, indem wir ein Programm schreiben, dass mithilfe der For-Schleife das Programm so oft wiederholt, bis diese Zahlenabfolge angezeigt wird. Ich habe es schon versucht:

// Application wiederholung3_for.java

public class Wiederholung3_for {
   
  public static void main (String [] arguments){
    
    // Wiederholung mit der For-Schleife    
    for (int zahl=1;zahl>-7;zahl=zahl+1){
      
      //if-else    
      if (zahl % 2 == 0){
        System.out.println(zahl=0-zahl);
      }    
      else {
        System.out.println(zahl);
      }
    }                
  }
}

Kann mir jemand weiterhelfen?

...zum Beitrag

Javascript Ajax Php kein Wert?

Console:

HTML javascript Code ajax:

function send(text){
   console.log("Text kurz vor versenden:\n" +text);
//hier hat er noch einen wert
   $.ajax({
     method: "POST",
     url: "DataSender.php",
     data: { text: text}
   }).done(function( response ) {
       console.log(response);
     console.log("weiterleitung

Php Code Ajax Übertragung wo es nicht geht:

      $text = $_POST['text'];
      $sql = "INSERT INTO `Xss-Data` (`ID`,`DATA`, `created_at`) VALUES (null, '{$text}' , CURRENT_TIMESTAMP)";

      if (empty($text)) {
              //das ist empty!
              echo("Error:\nEs ist leer\nText wäre\n$text");
          } else

Sind die wichtigen Code snippets

Der String hat keinen Wert. Warum? Wie löst man das?

...zum Beitrag

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() {
}

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen