Web Components
Fondamental
Observation d'attributs dans un composant personnalisé
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
webcomponents
attributes
customelements
lifecycle
Scénario Technique
Contexte : Un composant doit afficher dynamiquement une valeur passée via attribut HTML. Le Problème : La modification de l'attribut ne met pas à jour le contenu affiché. Contraintes : Utiliser observedAttributes et attributeChangedCallback. Code actuel : class UserCard extends HTMLElement { connectedCallback() { this.innerHTML = `<p>${this.getAttribute('name')}</p>`; } } customElements.define('user-card', UserCard); Livrable attendu : Implémenter la gestion correcte des attributs afin que le composant se mette à jour dynamiquement.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.