Javascript pour calcul de volume

laurax Messages postés 4 Date d'inscription lundi 3 décembre 2012 Statut Membre Dernière intervention 3 décembre 2012 - 20 nov. 2011 à 18:20
@karamel Messages postés 1815 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 25 novembre 2022 - 21 nov. 2011 à 11:15
Salut à tous
voilà j'aimerais faire un calcul tout simple mais je n'y connais rien en Javascript, voila ce que je voudrais mais je ne trouve rien qui y corresponde :

Une feuille de calcul où l'on renseigne la longueur en mètres (L), la largeur en mètres (l), la hauteur en mètres (h) et l'indice de densité (i)
je voudrais que lorsque que l'on clique sur un bouton calculer cela nous donne ces résultat :
Volume en m3 : Lxlxh
Litres : Volume x 1000
Poids en Kg : Volume x i

Pourriez vous m'aider sur le code

Pour info : la taille du tableau ne dois pas faire plus de 600px de large
J'aimerais des couleur si possible rouge et bleu (vous faites à votre guise, je serai modifié les codes couleur après)

J'espere sincerement que quelqu'un pourra m'aider car je cherche depuis 2 mois en vain.
Merci A+

3 réponses

@karamel Messages postés 1815 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 25 novembre 2022 145
20 nov. 2011 à 22:49
bonjour

voici un exemple simple de mise en œuvre de calcule qui doit pouvoir t'aider

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>

<script type="text/javascript">
 
function calcule() {

var la_valeur1=document.getElementById("valeur1").value
var la_valeur2=document.getElementById("valeur2").value
var la_valeur3=document.getElementById("valeur3").value
var la_valeur4=document.getElementById("valeur4").value

document.getElementById("resultat1").value = la_valeur1*la_valeur2

document.getElementById("resultat2").value = Math.round(la_valeur1*la_valeur2*la_valeur3/la_valeur4)

}
 
</script>

</head>
 
 
valeur1


valeur2


valeur3


valeur4


resultat


resultat1


resultat2

</html>


pour le reste c'est de la mise en page et voici un lien comprendre comment fonctionne l'objet Math en javascript
0
laurax Messages postés 4 Date d'inscription lundi 3 décembre 2012 Statut Membre Dernière intervention 3 décembre 2012
20 nov. 2011 à 23:12
je l'utilise pour joomla, je viens de modifier le calcul pour l'insérer dans l'editeur html de mon article ; mais le calcul ne fonctionne pas , voici mon code

<script type="text/javascript">// <![CDATA[

function calcule() {

var la_valeur1=document.getElementById("valeur1").value
var la_valeur2=document.getElementById("valeur2").value
var la_valeur3=document.getElementById("valeur3").value
var la_valeur4=document.getElementById("valeur4").value

document.getElementById("resultat1").value = la_valeur1*la_valeur2*la valeur3

document.getElementById("resultat2").value = Math.round(la_valeur1*la_valeur2*la_valeur3)*1000)

document.getElementById("resultat3").value = Math.round((la_valeur1*la_valeur2*la_valeur3)*la_valeur4)

}
// ]]></script>
Longueur(m)
Largeur(m)
Epaisseur(m)
Indice de densité
resultat
Volume(m3)
Litres
Poids(Kg)



d'où cela peux venir?
0
@karamel Messages postés 1815 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 25 novembre 2022 145
21 nov. 2011 à 11:15
apparement tu a bien compris mais par contre tu devrait etre plus attentif car tu fait beaucoup d'erreur de syntaxe ce que j'appel des erreurs a la con (parenthese pas fermé ,caractere en trop ou en moins).

le code avec les modifications

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>

<script type="text/javascript">
 

function calcule() {

alert(document.getElementById("valeur1").value)
var la_valeur1=document.getElementById("valeur1").value
var la_valeur2=document.getElementById("valeur2").value
var la_valeur3=document.getElementById("valeur3").value
var la_valeur4=document.getElementById("valeur4").value

document.getElementById("resultat1").value = la_valeur1*la_valeur2*la_valeur3

document.getElementById("resultat2").value = Math.round(la_valeur1*la_valeur2*la_valeur3*1000)

document.getElementById("resultat3").value = Math.round((la_valeur1*la_valeur2*la_valeur3)*la_valeur4)

}
</script>
</head>

Longueur(m) 


 Largeur(m)
 
 
 Epaisseur(m)
 
 
 Indice de densité
 
 
 resultat
 
 
 Volume(m3)
 
 
 Litres 
 
 
 Poids(Kg)

 

</html>
0