\n\n\n

{count}

\n\nCorriger 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","reactivity","component","frontend"],"programmingLanguage":"Svelte","provider":{"@type":"Organization","name":"CodeDuel","url":"https://codeduel.net"},"step":[{"@type":"HowToStep","text":"تحليل المطلوب والعناصر الموجودة."},{"@type":"HowToStep","text":"تنفيذ الحل."},{"@type":"HowToStep","text":"التحقق عبر الاختبارات والذكاء الاصطناعي."}],"url":"https://codeduel.net/ar/challenges/M9w8QZFsGMOt9G2unrww","inLanguage":"ar"}
Svelteأساسي

Correction d'un compteur non réactif dans un composant Svelte

السيناريو

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.

المهارات المستهدفة

sveltereactivitycomponentfrontend

حالات تطبيقية أخرى في ⁨Svelte⁩

عرض كل الحالات التطبيقية في ⁨Svelte⁩

أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى