OPDRACHT

DEVELOPER

Ervaar de kracht van AI als DEVELOPER. Zelf aan de slag met slimme prompts.

Je bent bezig met het moderniseren van een website en moet bestaande jQuery-code omzetten naar efficiënte en moderne vanilla JavaScript. Het specifieke stuk code dat je moet omzetten, betreft een functie waarbij een paneel getoond of verborgen wordt wanneer een gebruiker op een knop klikt.

Aanmelden bij ChatGPT

Bezoek OpenAI’s ChatGPT en meld je aan of log in.

Scenario begrijpen

Begrijp het doel van de codeconversie en het belang van het gebruik van vanilla JavaScript.
Formuleren van de Perfecte Prompt:

Gebruik een specifieke prompt, zoals:

Kun je de volgende jQuery-code omzetten naar vanilla JavaScript? De code moet dezelfde functionaliteit behouden: 
$(document).ready(function(){
    $("#panel").hide();
    $("button").click(function(){
        $("#panel").slideToggle();
    });
});

Analyse en tips

  • Bestudeer de door ChatGPT omgezette JavaScript-code.
  • Test de functionaliteit en controleer op compatibiliteit met verschillende browsers.
  • Overweeg optimalisaties voor prestatie en leesbaarheid.