Afficher Variable JS dans une div ou autre

Résolu/Fermé
Sephirus Messages postés 95 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 25 avril 2013 - 19 mai 2010 à 09:09
Tryphon71 Messages postés 41 Date d'inscription jeudi 29 avril 2010 Statut Membre Dernière intervention 26 juillet 2010 - 19 mai 2010 à 10:50
Bonjour,

Je cherche comment faire pour afficher une variable js dans une div.

Du style :

var taChouette = 2 + 2 ;

Et donc avec une fonction affich() par exemple, afficher taChouette dans une div ou un tableau.

Merci d'avance,

Sephirus

8 réponses

Tryphon71 Messages postés 41 Date d'inscription jeudi 29 avril 2010 Statut Membre Dernière intervention 26 juillet 2010 3
Modifié par Tryphon71 le 19/05/2010 à 10:51
Ah , je pense savoir :

Dans ta ligne :
var resultatRes = Math.round(resultat*100) / 100;



Enleve le var, car du coup tu redéclare ta variable, or en utilisant cette syntaxe le resultat de ton calcul est stocké dans la variable resultatRes qui est connu seulement dans la fonction salaireNet et pas dans le resultatRes déclaré en global.
1
Tryphon71 Messages postés 41 Date d'inscription jeudi 29 avril 2010 Statut Membre Dernière intervention 26 juillet 2010 3
19 mai 2010 à 09:17
Salut,

Alors je pense que tu peut regarder du cote du innerHtml (problème -> pas intégrer dans le DOM mais bon ...)

La syntaxe ressemblera a sa :

document.getElementById('id_de_ton_div').innerHTML = taChouette ;

Voili voilou
0
Sephirus Messages postés 95 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 25 avril 2013 3
19 mai 2010 à 09:31
J'ai essayé çà mais rien ne s'affiche je ne comprend pas pourquoi.

Mon code :

mon form j'ai çà :

<form method='post' id='formulaire' action='index.php' onsubmit='calculSalarie(); calculEmployeur(); salaireNet(); affich(); return false' />

et ma fonction affich ressemble à çà :

function affich()
{
document.getElementById('test').innerHTML = resultatRes ;
}
0
Sephirus Messages postés 95 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 25 avril 2013 3
19 mai 2010 à 09:35
Bon j'ai réussi à afficher mais çà me met "undefined"
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Tryphon71 Messages postés 41 Date d'inscription jeudi 29 avril 2010 Statut Membre Dernière intervention 26 juillet 2010 3
19 mai 2010 à 09:54
Peut tu poster le code de ton formulaire avec tes différents champs ( notamment celui dans lequel tu veut afficher resultatRes )

D'ailleurs, ta fonction affich () est composée seulement de cette ligne ?

Si oui, alors l'affichage d'undefined est normal car ta variable ne correspond a rien ....

Si non, poste aussi le code entier de ta fonction affich().
0
Sephirus Messages postés 95 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 25 avril 2013 3
19 mai 2010 à 10:00
En fait j'ai mes variables globales donc :

//VARIABLES GLOABLES
var totalChargesSalariales;
var resultatRes;

et ma fonction affich() :

function affich()
{
document.getElementById('test').innerHTML = resultatRes ;
}

et j'essaye d'afficher là dedans :

<div id="test"></div>

resultatRes vient de :

function salaireNet()
{
var formulaire = document.getElementById("formulaire");

//calcul montant total heures + heures supplémentaires
var montantHeuresNormales = parseFloat(formulaire.nb_heure.value) * parseFloat(formulaire.smic_horaire.value);

//calcul net à payer
var resultat = parseFloat(formulaire.salaire_brut.value) - parseFloat(totalChargesSalariales);
var resultatRes = Math.round(resultat*100) / 100; // arrondi à deux décimales
alert ("Le salaire net est de "+resultatRes+" euros");
}
0
Sephirus Messages postés 95 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 25 avril 2013 3
19 mai 2010 à 10:41
Oh yes merci çà marche ! Et merci beaucoup pour ton explication aussi !
0
Tryphon71 Messages postés 41 Date d'inscription jeudi 29 avril 2010 Statut Membre Dernière intervention 26 juillet 2010 3
19 mai 2010 à 10:50
De rien ^^

Tout le plaisir est pour moi.

Bonne journée et bonne continuation.
0