Affichage resultat sur console

**tsilavo** · 22/11/2016, 10h26

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.

**eleydet** · 22/11/2016, 10h57

Bonjour,

Je ne sais pas ce qu'est une console.

Que pensez-vous du code ci-dessous?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**danielhagnoul** · 22/11/2016, 11h31

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/.

**SpaceFrog** · 22/11/2016, 11h44

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

**tsilavo** · 22/11/2016, 14h47

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**tsilavo** · 22/11/2016, 14h56

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.

**SpaceFrog** · 22/11/2016, 15h00

innerHTML sur un div ...

**tsilavo** · 22/11/2016, 15h17

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

**tsilavo** · 22/11/2016, 15h29

Vous voulez dire :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

**SpaceFrog** · 22/11/2016, 16h02

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**tsilavo** · 22/11/2016, 16h26

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

,

Affichage resultat sur console

JavaScript

Discussions similaires

Partager

Partager