Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 44.783
» Neuestes Mitglied: missmistykolkata
» Foren-Themen: 92.562
» Foren-Beiträge: 94.398

Komplettstatistiken

Benutzer Online

Momentan sind 522 Benutzer online
» 2 Mitglieder
» 517 Gäste
Bing, Facebook, Google, cartool, tuu8

Aktive Themen

Materialise.3-matic v18 x...
Forum: Html
Letzter Beitrag: tuu8
Vor 2 Minuten
» Antworten: 0
» Ansichten: 1

simsci proii v10
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 4 Minuten
» Antworten: 0
» Ansichten: 2

Trimble Inpho Photogramme...
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 10 Minuten
» Antworten: 0
» Ansichten: 2

Materialise Mimics v26
Forum: Html
Letzter Beitrag: tuu8
Vor 14 Minuten
» Antworten: 0
» Ansichten: 2

sirona cerec 5.2
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 18 Minuten
» Antworten: 0
» Ansichten: 1

paleoscan 2019
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 25 Minuten
» Antworten: 0
» Ansichten: 1

Maptek vulcan 2024 x64
Forum: Html
Letzter Beitrag: tuu8
Vor 27 Minuten
» Antworten: 0
» Ansichten: 2

autopol
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 35 Minuten
» Antworten: 0
» Ansichten: 2

Maptek I-Site Studio 7.0....
Forum: Html
Letzter Beitrag: tuu8
Vor 37 Minuten
» Antworten: 0
» Ansichten: 1

MESA Expert v16.3
Forum: Html
Letzter Beitrag: tuu8
Vor 42 Minuten
» Antworten: 0
» Ansichten: 2

Tasten funktionieren nicht in Snake

Geschrieben von: nonamemofugga - 10.02.2022, 14:07 - Forum: Javascript - Antworten (1)

Hallo zusammen,

ich bin ein blutiger Anfänger in der Programmierung.
ich bin dabei ein YT-Video nachzuprogrammieren (https://www.youtube.com/watch?v=niD3gx4BI9A&t=3300s).

Ich habe den Teil abgeschlossen in dem man die Tastatur programmiert um Snake steuern zu können (Im Video min 47:12 - 53:39)
Eigentlich müsste es jetzt funktionieren jedoch rührt sich nichts.
Habe alles 3 weitere male auf schreibfehler überprüüft, jedoch finde ich nichts.
Weiss jemand was ich falsch gemacht habe?
Würde mich über eine Antwort freuen.
LG Ben

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snake</title>
</head>
<body>

<canvas id="canvas" width="480" height="480"></canvas>

<script>

let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d');
let rows = 20;
let cols = 20;
let snake = [
{x: 19, y: 3}
];
let food = {x: 4, y: 5};
let cellWidth = canvas.width / cols;
let cellHeight = canvas.height / rows;
let direction = 'LEFT';

setInterval(gameLoop, 500);
document.addEventListener('keyDown', keyDown);

draw();

   function draw() {
   ctx.fillStyle = 'black';
   ctx.fillRect(0, 0, canvas.width, canvas.height);
   ctx.fillStyle = 'white';

   snake.forEach(part => add(part.x, part.y));

   ctx.fillStyle = 'yellow';
   add(food.x, food.y); // Food

   requestAnimationFrame(draw);
}

   function add(x, y) {
   ctx.fillRect(x * cellWidth, y * cellHeight, cellWidth - 1, cellHeight - 1);
}

   function gameLoop() {
if (direction == 'LEFT') {
   snake[0].x--;
}

if (direction == 'RIGHT') {
snake[0].x++;
}

if (direction == 'UP') {
snake[0].y--;
}

if (direction == 'DOWN') {
snake[0].y++;
}
}

function keyDown(e) {
if (e.keyCode == 37) {
direction = 'LEFT';

}
if (e.keyCode == 38) {
direction = 'UP';

}
if (e.keyCode == 39) {
direction = 'RIGHT';

}
if (e.keyCode == 40) {
direction = 'DOWN';

}
}
</script>

</body>

</html>

setTimeout dynamisch möglich?

Geschrieben von: IntrepidKlasse - 05.02.2022, 07:39 - Forum: Javascript - Antworten (1)

Hallo, kann ich diese form anwenden ? es funktioniert nämlich nicht...

Code:
var timeLine = 1000;

setTimeout(function(){

//code

 }, timeLine);

vielen dank für die Hilfe.

frage zu den Blöcken und der Gültigkeit von Variablen + Node

Geschrieben von: IntrepidKlasse - 05.02.2022, 07:35 - Forum: Javascript - Antworten (1)

Hallo,

ich habe eine Anfänger frage zu den Blöcken und der Gültigkeit von Variablen.

Code:
var variable;

con.query("SELECT tabelle FROM spalte" , (err, rows) => {

    let ergebnis= rows[0].spalte;

    variable = ergebnis;

    });

ich komme aus einer SQL Abfrage in Node/Javascript generell nicht aus dem Block raus. Ich möchte die oben deklarierte Variable definieren.
Wenn ich durch das auslesen wie hier in diesem Beispiel ein Ergebnis erhalte, möchte ich das auch weiter verarbeiten. Wie ist hier das richtige vorgehen?

Ich habe das Problem nämlich nicht nur innerhalb einer SQL abfrage bei Node, sondern generell bei JavaScript. Ich habe mir natürlich den Gültigkeit Bereich von variablen innerhalb von Blöcken angeschaut, schlau bin ich jedoch nicht daraus geworden Sad

Eine Möglichkeit aus meiner Sicht wäre den ausgelesenen Inhalt mit einer Funktion(Inhalt) hinaus zu tragen, aber das kann doch nicht alles sein.
Wie schauts aus mit Globalen Variablen? wäre var variable; nicht eine Globale?

Tabelle drucken ?

Geschrieben von: dl8aax - 02.02.2022, 18:38 - Forum: Javascript - Antworten (2)

Moin,

ich habe eine Tabelle, siehe bild
Beim ausdrucken habe ich das Problem das die Hintergrundfarbe nicht mitgedruckt wird.
Drucken tu ich mit folgenden Code

Code:
function PrintElem(elem)

{

    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<html><head><title> </title>');

    mywindow.document.write('</head><body >');

    mywindow.document.write('<h1>Bienenstände</h1>');

    mywindow.document.write(document.getElementById(elem).outerHTML);

    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10

    mywindow.focus(); // necessary for IE >= 10*/

    mywindow.print();

    //mywindow.close();

    return true;

}

</script>

LG Dirk

JS Dateien aufteilen

Geschrieben von: echdeneth - 02.02.2022, 10:33 - Forum: Javascript - Antworten (1)

Moin und Danke für die Aufnahme,

ich bin relativ neu bei der JS Materie, daher mal eins zwei "Noob-Fragen".

Zu Beginn Projekt hatte ich ein PHP-Projekt (samtsch CSS, JS) nun kam eine "Vor-Seite" hinzu, weswegen eine weitere JS-Datei hinzukam.
In ersterer ist die Klassenstruktur (mit Unterklassen) und etwas Code für X3DOM. diese soll nur noch X3D machen.
In 2. kamen Eingabefeilder, Kalkulationen etc. aus 1. hinzu.

Ich hoffe ich habe das verständlich dargestellt.

1: Ist diese Aufteilung weise?
2. Kann ich das noch weiter aufteilen, die Klassenstruktur in eine separate?

Danke für eure Hilfe

Variable in Input <type='text'> ausgeben

Geschrieben von: Faultier_1982 - 16.01.2022, 09:07 - Forum: Javascript - Antworten (1)

Hallo,
Ich versuche in meinen Anfängen in JavaScript eine let-Variable in einem input type='text' zu übertragen. Im Internet ich habe bereits Beispielcode gefunden, leider habe ich diese nicht zum laufen gebracht... In die Überschrift habe ich meine Variable geschrieben bekommen...

Code:
<!DOCTYPE html> <!-- For more information visit: https://fipsok.de -->

<html lang="de">

   <head>

      <meta charset="UTF-8">

      <meta name="viewport" content="width=device-width, initial-scale=1">

      <link rel="stylesheet" href="Vorlage_fur_style.css">

      <title>Titel Registerfenster</title>

      <script type="text/javascript">

         let Pflanze = "Boskop";

         document.getElementById("id_Pflanzen_Name").value = Pflanze;

      </script>

   </head>

   <body>

      <form name='fo' method='Post' action='./'>

         <table class='Tabelle'>

            <tr>

               <td colspan='2' class='Zelle_Uberschrift'><script type="text/javascript">document.write(Pflanze)</script></td>

            </tr>

            <tr class='Zeile'>

               <td class='Zelle'>Pflanze-Name<input class='Textfeld_Name' type='text' name='Na_Pflanzen_Name' id='id_Pflanzen_Name' /></td>

            <tr>

         </table>

      </form>

   </body>

</html>

Gruß

Die Arbeit verloren? Dieses Programm hilft, viel Geld zu verdienen!

Geschrieben von: JaneEviLsdcbdc - 14.01.2022, 05:51 - Forum: Javascript - Keine Antworten

XEvil - das beste Captcha-Solver-Tool mit unbegrenzter Anzahl von Lösungen, ohne Thread-Anzahl Grenzen und höchste Präzision!
XEvil 5.0-Unterstützung von mehr als 12.000 Arten von Bild-captcha, enthalten ReCaptcha, Google-captcha, Yandex-captcha, Microsoft captcha, Dampf captcha, SolveMedia, ReCaptcha-2 und (JA!!!) ReCaptcha-3 zu.

1.) Flexibel: sie können die Logik für nicht standardmäßige Captchas anpassen
2.) Einfach: starten Sie einfach XEvil, drücken Sie 1 Taste - und es wird automatisch captchas aus Ihrer Anwendung oder Skript akzeptieren
3.) Schnell: 0,01 Sekunden für einfache captchas, etwa 20..40 sekunden für reCAPTCHA-2, und über 5...8 sekunden für reCAPTCHA-3

Sie können XEvil mit jeder SEO/SMM-Software, jedem Parser der Passwortprüfung, jeder Analyseanwendung oder jedem benutzerdefinierten Skript verwenden:
XEvil unterstützt die meisten bekannten Anti-Captcha-Dienste API: 2Captcha.com, RuCaptcha.Com, AntiGate.com (Anti-Captcha), DeathByCaptcha, etc.

Interessiert? Suchen Sie einfach in Google "XEvil" für weitere Informationen
Sie lesen dies-dann funktioniert es! Wink ))

P.S. New XEvil 6.0 wird hCaptcha, FunCaptcha und reCAPTCHA Enterprize brechen

object-collection mit getter & setter

Geschrieben von: Froschkoenig84 - 10.01.2022, 23:20 - Forum: Javascript - Keine Antworten

Hi folks.

Zunächst einmal, ich habe früher sehr viel JS entwickelt, aber das liegt bereits viele Jahre zurück und inzwischen habe ich mehrere Jahre ausschließlich nur noch C# programmiert und bin ein wenig aus der Übung.

Ich suche nach einer object-collection also quasi "[{}]", allerdings mit ".get()" und ".set()" oder ein parent-object "{}" mit dynamischen children-objects via ".add('memberName', {})" bzw. ".remove('memberName')". Kurz gesagt, ich möchte in der Lage sein, das Array filtern zu können.

Also dachte ich zunächst an ein Dictionary (const data = new Map()), was via "data.set('niceNerdGirl', { name: "Sophia", age: 17 })" auch noch eine Notlösung sein könnte, aber ein direkter Zugriff auf die Objekte wäre besser, als "data.get('niceNerdGirl').name".

Am Besten wäre natürlich ein echtes nested-object.

Code:
const data = {};

data.add({ niceNerdGirl: { name: "Sophia", age: 17 }});

//und dann den Abruf quasi so:

console.log(data.niceNerdGirl.name);

Offensichtlich lässt sich das allerdings nicht realisieren.
Aber vielleicht gibt es ja etwas ähnliches. Vielleicht mit einer Masterklasse und irgendwelchen Hilfsmethoden?

Ich könnte mir eine solche Datensammlung bspw. für MVVMs vorstellen oder so.

Alternativ könnte ich es natürlich wie bereits erwähnt auch als simple object-collection "[{}]" lösen, dann wären auch gleich ".push({})" bzw. ".splice(index, 1)" vorhanden, allerdings bräuchte ich dann für jedes child-object eine id. Und ich vermute, dass die Suche/Filterung nach einem child-object via child-object-member/value nicht so einfach geht, wie mit C#.LINQ.

Gehen wir mal von einem klassischen MVVM-Objekt aus, das, bzw. dessen member-values ich später via eines Observers in beide Richtungen aktualisieren möchte.
Welche Datenstruktur schlagt ihr mir hier vor?

Verschiedene JS Funktionen aufrufen je nach wert in Variable

Geschrieben von: roadrunner88 - 07.01.2022, 14:04 - Forum: Javascript - Antworten (2)

Hallo Profis,

bin Anfänger in JS und habe eine Frage:

Ich habe je eine JS-Funktion in einer separaten JS Datei(10 Dateien).

Nun möchte ich, wenn in inder Index.html in der Variable X einer von 10 Werten ausgewählt wird, die entpsrechende Funktion starten.

Also
x = 1 -> Funktion 1
x = 2 -> Funktion 2
.
.
.
usw.

Mein einziger Ansatz sind 10 verschieden if-else Anweisungen, aber das muss doch viel schöner gehen?

Wäre für eine Lösung dankbar!

javascript synchoner fetch

Geschrieben von: a_k - 05.01.2022, 19:08 - Forum: Javascript - Keine Antworten

Ich möchte einen synchronen json-fetch-Aufruf ausführen. Siehe den folgenden Code.
Es funktioniert im Prinzip, aber nicht in der erwarteten Reihenfolge (nicht synchron, sondern wieder asynchron).
Meine Log-Erwartung ist 1 2 3 4 5 6 7, aber ich erhalte 1 2 3 7 4 5 6
Wie erfülle ich meine Erwartung?

Code:
console.log("1 start");

async function fetchInfo() {

    let url = `https://reqres.in/api/products/3`; // only for test

    console.log("  3 fetch()");

    let response = await fetch(url);

    console.log("  4 json()");

    let data = await response.json()

    console.log("  5 return");

    return data;

}

console.log("2 call fetchInfo()")

fetchInfo()

    .then(data => console.log("6 json object: ...", data));

console.log("7 end / more code ...");

Seiten (9313): « Zurück 1 … 9306 9307 9308 9309 9310 … 9313 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken