Code is like humor. When you have to explain it, it’s bad.
—Cory House

Formulieren

Citaten filteren op een zoekstring

Het eerste filmpje over formulieren behandelt volgende punten:

een input voor het invoeren van een zoekstring;
CSS voor de styling van dit input field;
een nieuwe functie telLetters;
het input event.

Vervolgens filteren we de citaten a.d.h.v. de zoektekst:

een string bevat een substring: includes();
een conditie inbouwen in de functie toonAlleInfo.

Zoals zo vaak na het programmeren van nieuwe code moet alles grondig getest worden. Hierbij merk je soms situaties waar je niet aan gedacht had of dingen die gewoon fout lopen in bepaalde omstandigheden. Dat is nu niet anders. In het volgend filmpje bekijken we de nieuwe uitbreiding kritisch en lossen we enkele problemen op.

Taalkeuze checkboxes

In dit filmpje wordt een nieuwe functionaliteit toegevoegd aan de applicatie. We willen de gebruiker de mogelijkheid geven om de citaten te filteren op taal. Hiervoor voegen we een aantal checkboxes toe aan de pagina.

Het is dikwijls een goed idee om bij een uitbreiding van je app eerst een vereenvoudigde versie uit te testen. Dat doen we dan ook in volgend filmpje. We testen een eventListener uit op één checkbox in een formulier.

In dit filmpje wordt de functionaliteit van de checkboxes verder uitgebreid. We voegen een eventListener toe aan elke checkbox en passen de functie toonCitaten aan zodat de citaten gefilterd worden op taal. Verder komen volgende topics aan bod:

form uitbreiden met alle checkboxes;
een customEvent definiëren;
een nieuwe functie maakTalenLijst programmeren;
de bestaande functie toonCitaten aanpassen.