Opdrachten lussen

Tafels van vermenigvuldiging

Maak een HTML pagina met een tekstveld met het id tafelvan en de tag Tafel van.

Plaats achter het tekstveld een knop met de tekst Weergeven. Bij het klikken op de knop Weergeven moet de de functie tafel('tafelvan') uitgevoerd worden.

Plaats daaronder een aanpasbare div tag.

Schrijf een functie waarmee je de tafels van vermenigvuldiging van een getal in een tekstveld met het opgegeven id in de aanpasbare div kunt weergeven. M.a.w.:

De functie universeler maken

Pas de functie aan zodat je ook het id van de tag waarin de tafel van vermenigvuldiging wordt weergegeven kunt meegeven.

Nu de functie universeler inzetbaar is, plaats je de functie in een afzonderlijk JavaScript bestand.

Weergeven

Scrabble woordwaarde

Maak een webpagina met een tekstveld en de knop Bereken waarde.

Daaronder plaats je een aanpasbare alinea.

Bij het klikken op de knop wordt een functie uitgevoerd die:

De functie universeler maken

Pas de functie aan zodat je van een woord in een tekstveld met om het even welk id de woordwaarde kunt berekenen.

Zorg er eveneens voor dat de berekende woordwaarde in een aanpasbaar element met om het even welk id geplaatst kan worden.

Nu de functie universeler inzetbaar is, plaats je de functie in een afzonderlijk JavaScript bestand.

Weergeven

Webveilige kleurentabel

Je gaat een tabel samenstellen met alle webveilige kleuren.

Maak daarvoor een HTML pagina met een lege aanpasbare tabel.

HTML kleuren bestaan uit de drie basiskleuren rood, groen en blauw. De basiskleuren mengen we om andere kleuren te bekomen. In HTML wordt de hoeveelheid van een basiskleur uitgedrukt in hexadecimale getallen, van 00 (geen) tot FF (max). Zo krijgt rood de HTML kleurcode #FF0000 , groen de kleurcode #00FF00 en blauw de kleurcode #0000FF. Webveilige mengwaarden gebruiken steeds veelvouden van 33.

Om gewone getallen in hexadecimale getallen om te zetten, heb je de volgende functie nodig:

function toHex(getal){
  if(getal.toString(16) == 0){ // uitzondering voor het getal nul
    return "00"; // steeds twee nullen teruggeven
  }
  return getal.toString(16).toUpperCase();
}

Met de opdracht getal.toString(16) wordt de waarde van de variabele getal omgezet naar een hexadecimaal getal (basis 16). Met de toevoeging .toUppercase() worden eventuele letters direct naar hoofdletters omgezet.

De kleurentabel bouw je als volgt op:

Kleuren beter rangschikken

Bij een test blijken de kleuren van de tweede doorloop voor blauw niet aan te sluiten op de eerste en laatste doorloop.

M.a.w. zorg dat je bij de kleurwaarde CC voor blauw je het doorlopen van de kleurwaarden voor rood omkeert.

Om de tabel af te werken vervang je de teksten in de cellen door een aantal vaste spaties (HTML code voor een vaste spatie:  ).

Weergeven