CodeDuel
\n\n

{fullName}

\n\nTransformer la variable fullName en déclaration réactive afin qu'elle se mette à jour automatiquement.","learningResourceType":"Practice problem","educationalLevel":"easy","teaches":["svelte","reactive","syntax","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/tKa1YyPlQsLfWuvH5JxB","inLanguage":"ar"}
Svelteأساسي

Correction d'une variable dérivée non réactive

السيناريو

Contexte : Une application affiche le prénom et le nom d'un utilisateur et doit générer automatiquement le nom complet. Le Problème : Le nom complet ne se met pas à jour lorsque l'une des variables change. Contraintes : Utiliser les déclarations réactives avec le symbole $:. Aucune librairie externe. Code actuel : <script> let firstName = 'John'; let lastName = 'Doe'; let fullName = firstName + ' ' + lastName; </script> <p>{fullName}</p> Livrable attendu : Transformer la variable fullName en déclaration réactive afin qu'elle se mette à jour automatiquement.

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

sveltereactivesyntaxfrontend

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

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

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

    Correction d'une variable dérivée non réactive — mise en situation Svelte | CodeDuel