Affichage resultat sur console

Version imprimable

22/11/2016, 10h26
tsilavo

Affichage resultat sur console

Bonjour, je voudrais créer une console et afficher les résultats des calculs sur les valeurs saisi sur ma page web sur cette console. le problème c'est que je ne sais pas comment créer une console, s'il vous plait pouvez vous m'aider? (remarque : la console en question n'est pas la console des navigateurs mais une console à créer proprement).
Grand merci, grand merci pour ceux qui vont me donner des astuces. :lol:

Bonjour,

Je ne sais pas ce qu'est une console.

Que pensez-vous du code ci-dessous?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      function calculer() {
        x=1*document.getElementById("nb_a").value;
        y=1*document.getElementById("nb_b").value;
        z=x*y+3;
        document.getElementById("resultat").value=z;
      }
    </script>
  </head>
  <body>
    <p>a = <input id="nb_a"></p>
    <p>b = <input id="nb_b"></p>
    <input type="button" value="CALCULER" onclick="calculer();">
    <p>a x b + 3 = <input id="resultat"></p>
  </body>
</html>

22/11/2016, 11h31
danielhagnoul

Je ne vois pas ce que vous pourriez construire de mieux que la console des navigateurs (touche F12).

C’est un outil irremplaçable, elle permet d'afficher les erreurs et les résultats, de tester une ligne de code et de tester tous les composants d'une page web.

Voir : https://developers.google.com/web/to...tools/console/.
22/11/2016, 11h44
SpaceFrog

Pourquoi vouloir réinventer le fil a couper l'eau tiède ???
Que reproches tu à la console des navigateurs ?

En faite, le truc que je veux atteindre c'est d'afficher les résultats étape par étape d'une calcule. et que tous ces résultat s'affiche sur une même endroit. par exemple le code proposé ci dessus et que j'ai un peu modifié :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      function calculer() {
        x=1*document.getElementById("nb_a").value;
        y=1*document.getElementById("nb_b").value;
        z=x*y;
        document.getElementById("resultat").value=z;
        console.log("le produit de a x b ="+z);
        Final=z+3;
        document.getElementById("resultat1").value=Final;
        console.log("a x b + 3 = "+Final);
      }
    </script>
  </head>
  <body>
    <p>a = <input id="nb_a"></p>
    <p>b = <input id="nb_b"></p>
    <input type="button" value="CALCULER" onclick="calculer();">
    <p>le produit de a x b = <input id="resultat"></p></br>
    <p>a x b + 3 = <input id="resultat1"></p></br>
  </body>
</html>

mais ici, je veux que z et Final s'affiche sur une seule endroit toujours apparu sur le navigateur, comme ce que console.log fait dans ce code.

22/11/2016, 14h56
tsilavo

je ne peux pas utiliser la console du navigateur, puisque l'utilisateur qui va utiliser l'application ne va pas appuyer sur F12 a chaque fois qu'il exécute le calcul. mais je désire que les résultats s'affichent étape par étape sur la page du navigateurs.
22/11/2016, 15h00
SpaceFrog

innerHTML sur un div ...
22/11/2016, 15h17
tsilavo

Attends, je vais essayer.. Merci bc. Je dirais après si ca a marché ou non!

Vous voulez dire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      function calculer() {
        x=1*document.getElementById("nb_a").value;
        y=1*document.getElementById("nb_b").value;
        z=x*y;
        document.getElementById("resultat").innerHTML=z;
        Final=z+3;
        document.getElementById("resultat").innerHTML=Final;
      }
    </script>
  </head>
  <body>
    <p>a = <input id="nb_a"></p>
    <p>b = <input id="nb_b"></p>
    <input type="button" value="CALCULER" onclick="calculer();">
 
    <div id="resultat">les etapes de calculs sont :</div>
  </body>
</html>

?

Çà affiche seulement le résultat final, comment faire pour afficher aussi les autres etapes?

Code:

1
2
3
4
 z=x*y;
        document.getElementById("resultat").innerHTML += z +"<br/>";
        Final=z+3;
        document.getElementById("resultat").innerHTML += Final+"<br/>";

22/11/2016, 16h26
tsilavo

Merci, enfin, je suis un peu soulagé que cette action soit possible, Merci merci merci! :lol:, ;)