\n\n\n

{count}

\n\nLivrable attendu : Corriger la logique afin que le compteur incrémente correctement et reflète la valeur attendue après chaque clic.","learningResourceType":"Practice problem","educationalLevel":"easy","teaches":"Svelte","step":[{"@type":"HowToStep","text":"Analyse de l'énoncé et du code existant."},{"@type":"HowToStep","text":"Implémentation de la solution technique."},{"@type":"HowToStep","text":"Validation par tests unitaires et IA."}]}
Svelte
Fondamental
Correction d'un compteur non réactif dans un composant Svelte

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

svelte
reactivity
component
frontend

Scénario Technique

Contexte : Vous reprenez un petit module Svelte utilisé dans un dashboard interne pour afficher un compteur d'actions réalisées par un utilisateur. Le Problème : Lorsque l'utilisateur clique sur le bouton, la valeur affichée ne se met pas à jour correctement dans l'interface. Contraintes : Vous devez conserver un composant simple sans librairie externe. La solution doit respecter le modèle de réactivité natif de Svelte. Code actuel : <script> let count = 0; function increment() { count = count + 1; count = count + 1; } </script> <button on:click={increment}>Increment</button> <p>{count}</p> Livrable attendu : Corriger la logique afin que le compteur incrémente correctement et reflète la valeur attendue après chaque clic.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis