Hallo, ich habe die Aufgabe ein implementaionsdiagramm herzustellen. Die Klasse ist Konto und die unter Klassen davon sind Girokonto und Sparkonto. Das Sparkonto besitzt eine Begrenzung an Geld (einen Höchstbetrag) den ich abheben kann. Das Girokonto kann ich nach einem beliebigen Betrag überziehen. Wie kann ich diese Methoden nun ausdrücken?

meine Idee:

Girokonto

—

geld abheben(pAnzahl: int): void

geld einzahlen(pAnazahl: int): void

Sparkonto

—

geld abheben(pBegrenzteanzahl: int) void

geld einzahlen(pAnzahl: int): void

ich bin mir nicht ganz sicher ob ich nun „pBegrenzteanzahl“ schreiben kann da ich es zuvor noch nie so gemacht habe jedoch keine bessere Lösung nun finden konnte.
Eine Verbesserung, Meinung, Vorschläge alles ist willkommen! Ich möchte es verstehen und anwenden :)

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

Ich beschäftige mich jetzt schon eine gewisse Zeit damit und ich versteh das Prinzip mit den Variablen, Funktionen usw.

Aber wie kann man bestimmt Sachen direkt ansprechen? Was sind diese ,,document.getelemt usw.?

Gibt es eine Liste , wo man sich alle Befehle genau anschauen kann?

Brauche hilfe und verteile natürlich,,hilfreichste antwort" 😁

Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.

Also kann ich es weglassen ?

App JS :

import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
  // http://api.icndb.com/jokes/random
  const fetchJoke = async()=>(
    await fetch(`http://api.icndb.com/jokes/random`)
    .then(response => response.json())
    .then(data => console.log(data.value.joke))
  )
fetchJoke()
}, [])
  return (
    <div>App</div>
  )
}

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>    
 <App />
<React.StrictMode> 
);

Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.

Ich hab das irgendwie im Zusammenhang mit Typescript undJava gehört.

Die frage war ungefähr ob Ts/js auch wie java interfaces haben.

Leider kann ich kein Java und sonst hab ich Interface auch nie gehört als ich Js Gelernt habe.

Kenne nur das wort User-Interface/UI/ GUI usw aber das hat nichts damit zu tun

Hallo,

Wie kann ich in Javascript per Code z.B einen Text zur Maustaste verschieben?

Hallo, wie muss der JS-Code lauten, wenn ich will, dass der Text von einem Button für 5 Sekunden geändert wird?

Hallo, ich möchte, dass mein div-container automatisch die Farbe ändert, also von weiß zu grau und dann wieder zu weiß und so weiter,..... Wie mache ich das?

Code:

<div class="Hallo">
  <div id="strombergsoutput">
</div>

Die meisten Playlisten auf Youtube gehen nur 10 videos wovon 3 über die installation gehen

2 videos gehen über jsx

2 über props , components

2 über state und 1 über deployment

Dann hören die auf.

Ist ja alles Toll aber jetzt weiss ich nichtmal was ich nach dem absoluten Basics lernen soll.

So einen roten faden.

Dann könnte ich immerhin Irgendwelche Dokumentationen lesen

Nach 10 videos und ein wenig herumspielen hab ich sicher nicht react gemeistert.

ich hab auch keine 100 euro für einen Udemy kurs rumliegen.

Ich bin ein fortgeschrittener html Autor und eigne mir gerade Java script an.

Als Übung wollte ich ein kleines eigenes Youtube(ohne Datenbank) programmieren. Ich bin nun fast fertig mit meinem kleinen Projekt, doch mir fehlt noch ein Like Button für Videos inklusive Counter der neben dem Button angezeigt werden soll. Zunächst dachte ich an den input type: "radio".

Wäre toll wenn mir einer einen Tipp geben könnte wie ich meine Website vervollständigen könnte.

Danke in Voraus

Also bei neuen Sprachen wird das immer so gesagt. Und es dauert dann immer 1-2 jahre bis die beseitigt sind.

Habt ihr beispiele ?

Ich hab da ein Problem mit meinem Kleinen Puzzle spiel,

Es hat alles funktioniert, jedoch hab ich eine Sache nicht bedacht unzwar das die Karten immer auf einer Stelle sind.
Wie könnte ich das Umsetzen ?

Also Immer nur 2er Paare als Elemente Kreieren die aber auch nicht immer nebeneinander sind

Hier wäre ein dummer Ansatz von mir, vielleicht könnte man darauf aufbauen.

let kiwis = ["🥝","🥝"];
let cocos = ["🥥","🥥"];
let strawberrys = ['🍓','🍓'];
let cherry = ["🍒","🍒"];

arr = [kiwis,cocos,strawberrys,cherry]

arr.forEach(element => {
    element.forEach(element => {
        let Puzzelteil = document.createElement("td")
        document.body.appendChild(Puzzelteil)
        Puzzelteil.innerHTML = element
    });
});

Den Rest / Überprüfen ob man gewonnen hat könnte ich dann selber machen wenn sie richtig durchgemischt sind.

Was genau bringt es ihnen, wenn ich kostenlos React oder Angular benutzen kann?

Marketing?

Mit Programmiersprachen macht das noch ein wenig Sinn.

Die von JetBrains haben auch passend zu Kotlin eine perfekte IDE, die sie für viel Geld "vermieten". Oder WebStorm, PhpStorm, CLion, PyCharm.

Aber ein Framework kann ich doch überall benutzen.

Kurz npx create... oder ng angular in die Konsole eingeben und schon hab ich so ein Gerüst.

Ist es möglich, die Navbar (Bootstrap 5) nicht anzeigen zu lassen, wenn man sich in der Mobilversion befindet?

Hallo,

in einer Methode nutze ich eine for() Schleife. Beim letzten Durchlauf ändere ich mit this.setState(obj: {key: 'value'}) einen Wert. this.state.obj ist zu Beginn leer.

Danach soll eine Methode aufgerufen werden, die den aktuellen Wert von this.state.obj benötigt. Hierbei kommt es aber zum Problem, weil this.state.obj immer noch leer ist.

Wie kann ich die Methode erst ausführen, wenn sicher ist, dass der Wert von this.state.obj aktualisiert wurde oder die Methode zuvor fertig abgeschlossen ist?

Gruß ebody

Guten Tag,

ich habe ca. 2500 .txt Dateien, welche jeweils quelltext einer Website beinhalten. Nun muss ich den Inhalt der Texte auf den jeweiligen Seiten vergleichen. Gibt es einen Weg alles außer den Body aus diesen .txt Dateien zu löschen, sodass nur noch Fließtext vorhanden ist? Note: Meine Künste in Programmiersprachen etc sind sehr gering.

Hallo,

also nach meinen bis jetzigen Recherchen ist der Unterschied, dass .jsp es ermöglicht Serverseitig HTML dynamisch zu gestalten. Meine Fragen sind halt jetzt:

1. Brauch ich JSP wenn ich JavaScript nutze?
2. Kann man mit JSP gleichzeitig JavaScript verwenden?

(Bin noch Anfänger im Webdev. bitte um Nachsicht:) )

Vielen dank schonmal im Voraus!

Hallo zusammen,

Ich würde gerne eine demo-version von einem Loginformular erstellen.

Problem : ich habe zwei Inputfelder einmal type="email" und type="password"

Darunter befindet sich ein Button type="button". Ich möchte, wenn im Inputfield type="email" ein @ zeichen eingegeben wird, beziehungsweise die eingabe korrekt war ein onclick event startet sobald man auf den Button Einloggen drückt.. Leider klappt das nicht ganz. Da er das onclick Event auch auslöst, wenn man nur jeweils ein Zeichen in Password und email input setzt. Da ich nur value.length als if Abfrage genommen habe. Wie schaffe ich das das Event erst startet wenn man erkennt, dass das Inputfeld ein @ Zeichen enthält.

Type="submit" funktioniert nicht , da die Seite dann ja neu geladen wird und alle Änderungen vom onclick Event weg sind.

Warum resettet sich das immer zurück auf width 10% obwohl ich immernoch den Focus auf dem Element #i habe

#i{
    width: 10%;
}
#i:focus{
    animation: tap 2s;
}
@keyframes tap {
    from{width:10%}
    to{width: 20%;}
}
<input type="text" id="i">

Also das soll ein input feld sein das dann halt bisschen breiter werden soll wenn man draufklickt.

Und wenn man es verlässt soll es wieder auf den normalzustand.

Im folgenden Code tut er zwar genau das was ich möchte, ich würde nur gerne den werdegang genauer verstehen:

var name = prompt('what is your name?');
var firstChar = name.slice(0,1); 
var firstCharUp = firstChar.toUpperCase(); 
var restName = name.slice(1,name.length);
var restNameLow = restName.toLowerCase();
var capName = firstCharUp + restNameLow; 


alert('welcome ' + capName);

Er führt hier wie gewünscht als erstes "prompt" aus, ich dachte, dass der Code für dieses ergebnis so aussehen müsste:

prompt('what is your name ?');
alert('welcome ' + capName);

führt er das automatisch aus, weil die variable "capName" durch ecken und kanten mit der variablen "name" verknüpft ist ?

danke