Créez une page Web qui calcule la masse totale de plusieurs produits chimiques
Créez une FormFunction qui comporte deux colonnes de rangées : une pour un produit chimique et une autre pour la quantité en moles. Pour ce faire, vous pouvez utiliser RepeatingElement et CompoundElement.
In[1]:=
![Click for copyable input](assets.en/create-a-webpage-that-computes-the-total-mass-of-m/In_10.png)
CloudDeploy[
FormFunction[
{"items", None} ->
RepeatingElement[
CompoundElement[<|
"chemical" -> <|
"Label" -> "Chemical",
"Interpreter" -> "Chemical"
|>,
"mol" -> <|
"Label" -> "Molar amount",
"Interpreter" -> QuantityVariable["Amount"]
|>
|>]],
EntityGroup[EntityInstance @@@ #items]["AbsoluteMass"] &
]
]
Visitez le formulaire.
![](assets.en/index.en/GB_15.png)
Vous pouvez ajouter autant de rangées que vous voulez et le formulaire calculera la masse totale.
![](assets.en/index.en/GB_16.png)
Grâce à sa conception réactive, ce formulaire s'affichera également bien sur un appareil mobile, où l'espace disponible sur l'écran est restreint.
![](assets.en/index.en/GB_17.png)