Opgave E2.1 t/m 2.3

Opgave E2.1

Maak een webpagina met deze inhoud

Gebruik bij deze opdracht de basis e2_1.php

Met Tailwindcss kan je de tekst kleur aanpassen door class="text-red-600", waarbij je red kan vervangen door elke kleur uit de array $colors. De 600 geeft aan hoe donker de kleur is dit loopt van 100 t/m 900 in stappen van 100. En daarnaast bestaat 50 ook. Dus de lichtste kleur rood is text-red-50 en donkerste text-red-900.

Gebruik als HTML-tag een <p> of een <div>

 

Uitwerking e2_1_uitwerking.php

Opgave E2.2

Maak het volgende formulier (is al voor je gemaakt in e2_2.php)

Na het maken van een keuze, wordt jou keuze op het scherm geschreven. Maak gebruik van een if-loop.

De variabele die wordt verstuurd kan je gebruiken als $_GET['keuze']

Dus bv.

   if($_GET['keuze'] == 'ja')

 

Hier kan je de uitwerking vinden

e2_2_uitwerking.php

Opgave E2.3

In de volgende opgave gaan we alle vlaggen van de 27 EU lidstaten tonen.

Hiervoor gebruiken de de vlaggen api van https://flagsapi.com/

De vlag van Nederland kunnen we maken dmv

<img src="https://flagsapi.com/NL/flat/64.png">

Op de plaats van NL kan je de landcode zetten van het betreffende land.

Een AI kan een array met landcodes voor je maken, dit was mijn output van Chat-GPT

$eu_lidstaten = [
    "België" => "BE",
    "Bulgarije" => "BG",
    "Cyprus" => "CY",
    "Denemarken" => "DK",
    "Duitsland" => "DE",
    "Estland" => "EE",
    "Finland" => "FI",
    "Frankrijk" => "FR",
    "Griekenland" => "GR",
    "Hongarije" => "HU",
    "Ierland" => "IE",
    "Italië" => "IT",
    "Kroatië" => "HR",
    "Letland" => "LV",
    "Litouwen" => "LT",
    "Luxemburg" => "LU",
    "Malta" => "MT",
    "Nederland" => "NL",
    "Oostenrijk" => "AT",
    "Polen" => "PL",
    "Portugal" => "PT",
    "Roemenië" => "RO",
    "Slovenië" => "SI",
    "Slowakije" => "SK",
    "Spanje" => "ES",
    "Tsjechië" => "CZ",
    "Zweden" => "SE"
];

Maak een loop door de lidstaten en toon de naam van het land met daarachter de bijhorende vlag (of andersom).

Uitwerking