CodeDuel
\n\n\n

{name}

\n\nCorriger le binding afin que la variable soit automatiquement synchronisée avec la saisie utilisateur.","learningResourceType":"Practice problem","educationalLevel":"easy","teaches":["svelte","bind","form","reactivity"],"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/0ik0mBOp59sNByJ2QgG7","inLanguage":"ar"}
Svelteأساسي

Correction d'un champ non synchronisé avec bind:value

السيناريو

Contexte : Une équipe RH utilise un formulaire Svelte pour collecter des informations utilisateur. Le Problème : La valeur saisie dans le champ input ne met pas à jour la variable affichée dans le composant. Contraintes : Utiliser la directive bind:value sans librairie externe. Code actuel : <script> let name = ''; </script> <input value={name} /> <p>{name}</p> Livrable attendu : Corriger le binding afin que la variable soit automatiquement synchronisée avec la saisie utilisateur.

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

sveltebindformreactivity

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

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

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

    Correction d'un champ non synchronisé avec bind:value — mise en situation Svelte | CodeDuel