Prueba con Fe, oxígeno o 11
Élément chimique avec modèle de Bohr
Tape un symbole, un nom ou un numéro atomique et sa case du tableau périodique apparaît, avec les électrons qui tournent sur leurs couches.
Réglages
Code
<div class="uvq06-pe"><label for="uvq06-pe-in" class="lb">Élément chimique</label><div class="fd"><button type="button" class="nv" data-s="-1" aria-label="Élément précédent">‹</button><input id="uvq06-pe-in" autocomplete="off" spellcheck="false" placeholder="Symbole, nom ou numéro" aria-describedby="uvq06-pe-h"><button type="button" class="nv" data-s="1" aria-label="Élément suivant">›</button></div><div class="cd" aria-live="polite"><div class="tl"><span class="z"></span><span class="m"></span><b class="sy"></b><span class="nm"></span><span class="ct"></span></div><svg class="bo" viewBox="-64 -64 128 128" aria-hidden="true"></svg></div><p class="ht" id="uvq06-pe-h">Essaie Fe, oxygène ou 11</p></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Un champ de recherche d'éléments chimiques qui répond par une case du tableau périodique et un modèle de Bohr en SVG en ligne. Il accepte les symboles, les noms sans accents ou les numéros atomiques, et les flèches ou les boutons latéraux parcourent le tableau. La case prend la couleur de la famille de l'élément et chaque couche d'électrons tourne à son rythme.
La couleur principale est le noyau et la secondaire les électrons. Le tableau de la démo couvre les vingt premiers éléments plus le fer, le cuivre, le zinc, l'argent et l'or ; ajoute d'autres lignes avec leurs couches au tableau de données. Il convient aux cours de chimie, aux quiz et aux inventaires de laboratoire.