Want to create interactive content? It’s easy in Genially!

Reuse this genially

calcul avec javascript

Maryline Vignal Dani

Created on January 5, 2021

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

Faire un calcul avec Genially

Quel est le nombre 1 ?

x2-x1=

Quel est le nombre 2 ?

Saisir sur la figure les mesures des 3 côtés pour vérifier si le triangle est rectangle.

Explications en page suivante

Insérer un champ : "INSERER" + Autres :

<script></script><input id="NOM" style="width:100%; background-color:white; border: 1px solid black;" />

Dans l'exemple, j'ai mis un champ "x1" et un champ "x2" : j'ai écrit x1 à la place de NOM. Insérer le champ de résultat :

<script></script><input id="res" style="width:100%" readonly />

Pour programmer le calcul, dans la fenêtre, recopiez ce javascript (après avoir cliqué sur le bouton "source")

<script> var x1=0; if(document.getElementById("x1")) x1 = document.getElementById("x1").value; var x2=0; if(document.getElementById("x2")) x2 = document.getElementById("x2").value; var res=0; res=x2-x1; if(document.getElementById("res")) document.getElementById("res").value=res; setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); </script>

remplacer toutes les occurrences de x1 et x2 par vos noms de champs

Le calcul à changer, ici une soustraction

Pour fermer la fenêtre

Pythagore en page suivante

<script></script><input id="AB" style="width:100%; background-color:white; border: 1px solid black;" />

Dans l'exemple, j'ai mis les champs "AB", "BC", "AC" Insérer le champ de résultat :

<script></script><input id="BC" style="width:100%; background-color:white; border: 1px solid black;" />

<script></script><input id="AC" style="width:100%; background-color:white; border: 1px solid black;" />

<script></script><input id="ps" style="width:100%" readonly />

Comme il y a déjà un champ "res" dans la page, je lui donne un autre nom !

<script> var AB=0; if(document.getElementById("AB")) AB = document.getElementById("AB").value; var AC=0; if(document.getElementById("AC")) AC = document.getElementById("AC").value; var BC=0; if(document.getElementById("BC")) BC = document.getElementById("BC").value; var ps="ABC pas rectangle"; if(AB**2+AC**2-BC**2==0) ps="ABC Rectangle en A"; if(AB**2+BC**2-AC**2==0) ps="ABC Rectangle en B"; if(AC**2+BC**2-AB**2==0) ps="ABC Rectangle en C"; console.log(ps); if(document.getElementById("ps")) document.getElementById("ps").value=ps; setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); </script>