Ich kann mir da nur als Usecase eine komplexe Klickstrecke vorstellen.
Wenn also die Formularelemente der nächsten Seite, von den Einträgen der vorigen Seite abhängen. Dabei ist es sinnvoll nicht alle Elemente am Anfang anzuzeigen, um User nicht schon vorher Elemente zu zeigen, die später nicht mehr relevant sind.
Da fällt mir Sylelint ein. Wie der Name schon sagt ist das ein Linter, der dazu dar ist potentielle Fehler zu finden die bugs verursachen können.
Eventuell noch PostCSS. Dieser CSS Post Processor ist in der Lage, and Hand von Browser support listen, zum Beispiel Automatisch Vendor Prefixes hinzuzufügen. Oder er schreibt Farben in bestimmte Schreibweisen um.
Zusätzlich noch Prettier. Das Tool ist für Formatierung zuständig. Man muss aber aufpassen, dass es nicht mit Sylelint in Konflikt gerät.
Diese Tools helfen einen Codingstandards zu implementieren.
Liegt es eventuell daran:
trailer.classList.toggle("aktive");
vs
.trailer.active{
Da müsste eigentlich offensichtlich sein, dass die Anwendung, die ich in #32 zitiert habe, verfehlt ist.
Kannst du erklären, wieso dieser Weg "verfehlt" ist? Wenn du zwei Container nebeneinander setzen möchtest, die die gleiche ausgangsgröße Größe haben sollen, ist das doch der Beste Weg dazu.
Man kann natürlich auch mit flex oder inline-block etc. arbeiten, dann ist das mit der gleichen Größe aber problematischer.
Und in der 2. Variante, liegt die Datei in einem Unterordner mit dem Namen css.
in der 1. Variante, liegt es auf der selben Ebene wie die html Datei.
Die Anwort in Stack overflow ist von 2009.
Der Moderne weg wären via Rest Parameter und Spread Operator.
Ich versuche es mal, aber ich mache den Code vorher etwas offensichtlicher
// Wir definieren uns eine Funktion, die nur einen Parameter annimmt. Das ist die Zahl die wir in ein Wort übersetzt haben wollen.
function nrToWord(nr) {
// Zuerst schauen wir, ob in unserem Objekt ein Wort für die übergeben Zahl (nr) hinterlegt ist.
// Wenn das der Fall ist, steht in der Variablen "wordForNr" das Wort für die Nummer.
// Wenn das nicht der Fall ist, steht in der Variablen "wordForNr" der Wert "undefined" (so ist das in JavaScript definiert)
const wordForNr = numberWordMap[nr];
// Wenn in der Variablen "wordForNr" NICHT "undefined" steht, geben wir das Wort für die Zahl zurück.
if (wordForNr != undefined) {
return wordForNr;
}
// Andernfalls, (wenn in der Variablen "wordForNr" der Wert "undefined" steht) geben wir die zuerst übergeben Zahl zurück (Das ist der Fallback) Damit unsere Funktion, auf jeden Fall etwas zurück gibt, mit dem wir arbeiten können.
else {
return nr;
}
}Kannst du damit etwas anfangen?
Mit Lookup ist hier nur gemeint, wenn man nach einer Property in einem Objekt "sucht"
object[property];Mit Fallback ist hier der Wert gemeint, den die Variable haben wird, wenn der Lookup schief geht (wenn der Lookup "undefined" zurück liefert).
Um das mit den || zu verstehen, schau dir mal Short Circuit Evaluation oder auch Ein deutsches Beispiel an. (Das ist in JS Standard und das sollte man kennen um viele der Beispiele die man so findet zu verstehen)
Failix danke für den Code, jetzt kann man dir präziser helfen.
Du denkst zu kompliziert.
Einen Regulären Ausdruck, benötigt man, wenn man ein Muster ersetzen möchte. Ein Muster verwendet man, wenn ein direkter Vergleich zu kompliziert ist, oder wenn man zu viele Ausprägungen hat um alle einzeln zu vergleichen (Dies ist meistens der Fall, wenn man Teile eines kompletten Textes ersetzen möchte).
In deinem Fall, möchtest du einen fixen Ausdruck (stets eine bestimmte Zahl) durch einen entsprechenden Ausdruck ersetzen. Dafür ist ein Regulärer Ausdruck nicht die Beste Wahl. (Du hast das auch selber gemerkt und für jede Zahl eine eigene replace Anweisung geschrieben).
Im Grunde benötigst du einen konkreten Vergleich wie ich in #7 schon geschrieben hatte.
Da du schon eine Map für die Zahlen hast, musst du nur einen Lookup auf diese Map machen:
const nr = 3;
numberWordMap[3]; // => 'drei'das reicht.
Für einen Fallback kannst du zB || nrverwenden.
Das klingt für mich nach einer Electron app.
Wenn du ein Stand allone Fenster für eine Webseite benötigst ist das eine Möglichkeit.
Du könntest das zum Beispiel direkt über einen Vergleich erledingen:
function countQuestions() {
if (questions.length === 3) {
countQa.innerHTML = 'drei';
}
}Die replace Funktion in JavaScript ist sehr mächtig.
Sie kann statt einem replace String eine Replacer Funktion annehmen.
mit diesem Trick könntest du alle Zahlen auf einmal ersetzen. so in etwa:
str.replace(/(\d+)/g, (_, nr) => numberWordMap[nr])
(numberWordMap ist ein Objekt, das als key die Nummer in Ziffern und als value die Nummer als Wort enthällt.)
die Vollpfosten von Google
sind da doch ein wenig schlauer, als die Dateinamen zu vergleichen. Sieh dir mal das an:
https://developers.google.com/search/docs/ad…plicate-content
Es geht um den Inhalt (Content), die Dateien können völlig unterschiedlich heißen.
In dem Zusammenhang ist auch das interessant:
Was verstehst du unter nicht viel Erfahrung?
Kannst du mehr Informationen zu deinem Vorhaben preisgeben?
- Welche Platformen möchtest du unterstützen?
- Welche Technologien hast du vor einzusetzen? (Wie ist dein Skilllevel davon)
Welche Browser möchtest du denn unterstützen, die kein html5 können?
Und warum hast du so alte Browser in deinem Scope?
const input = document.querySelector('input');Selektiert das erste Element von Typ <input>.
Um das gewünschte Input zu selektieren kannst du zum Beispiel den Selektor "#inputAnmeldenummer" verwenden.
Damit selektierst du das input mit der ID inputAnmeldenummer.
zeige mal deinen Code. Das hört sich danach an, dass der Selektor in JS das Falsche Element Selektiert.
Welche Lösung meinst du jetzt und was funktioniert daran nicht?
Wenn du die schräge Kante meinst. Das kann man mit clp-path machen.
Dieses Tool hilft dir dabei einen Pfad zu erstellen: https://bennettfeely.com/clippy/
Also ich würde das mit einer Beschreibungsliste umsetzen, die kann man auch gut so stylen wie du das haben möchtest.