{name}
\n\nLivrable attendu : Corriger 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":"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."}]}Retour aux cas pratiques
SvelteFondamental
Correction d'un champ non synchronisé avec bind:value
Scénario
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.
Compétences ciblées
sveltebindformreactivity