PS : Pour copier/coller ton code c'est plus facile de le faire si tu utilises le bouton code </> pour insérer du code sur ce forum, plutôt qu'une image.
Ne comprenant pas le fonctionnement des 2 éléments proposé (textContent et Output), j'ai inclue le calcul dans ma page html et j'ai utilisé "document.write" pour afficher le résultat.
J'obtiens ce que je souhaite mais mon souci est qu'à l'ouverture de ma page html, le calcul commence directement, après la 1ère question, la page devient blanche et s'affiche à nouveau après la 2ème question avec le résultat affiché.
Ci-dessous mon code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="\site\style.css" />
<title>Equilibre</title>
<header>
<p><a class="site"><center>Travian Help</center></a></p>
<ul id="menu">
<li class="bouton_gauche"><a href="\site\accueil.html">Accueil</a></li>
<li class="bouton_gauche"><a href="\site\contenu\equilibre.html">Equilibre</a></li>
<li class="bouton_gauche"><a href="\site\contenu\optimisation.html">Optimisation</a></li>
<li class="bouton_gauche"><a href="\site\contenu\estimation.html">Estimation</a></li>
<li class="bouton_droite"><a href="mailto:d.guesnet@free.fr">Contact</a></li>
</ul>
</header>
</head>
<body>
<h1>L'équilibre</h1>
<p>Vous trouverez sur cette page une aide pour équilibrer vos troupes, que vous soyez Def ou Off</p>
<p>L'Off Germaine :</p>
<p>Combien pouvons nous produire au maximum en h24 et combien de ressources pour y parvenir :</p>
<p>Comme vous le savez, une journée est composé de 86400 secondes, il est donc facile de connaître la production maximum en une journée.<br /> Il suffit de divisé ces 86400 par le temps de sortie de chaque troupes.</p>
<table>
<script type="text/javascript">
// calcul gourdins
var ptsgou = 40;// points attaques gourdins
var gourdins = Number(prompt("Entrez la qté de Combattants au gourdin :"));;
var ptsgourdins = ptsgou * gourdins;
console.log(ptsgourdins);
// calcul teutons
var ptsteu = 150; // points attaque teutons
var teutons = Number(prompt("Entrez la qté de Cavaliers Teutons :"));
var ptsteuton = teutons * ptsteu;
console.log(ptsteuton);
//calcul écart de points d'attaque piétons / cavalerie
var result = ptsgourdins - ptsteuton;
console.log(result);
// calcul production
if (result > 0) {
result = Math.round(ptsgourdins / ptsteu)-teutons;
document.write("Vous devez produire : ");
document.write(result);
document.write(" Teutons.")
}
else {
result = Math.round(ptsteuton / ptsgou)-gourdins;
document.write("Vous devez produire : ");
document.write(result);
document.write(" Gourdins.");
}
</script>
</body>
</html>
Il faut que tu utilises des éléments HTML (typiquement, des span) avec une manière de les identifier (ID, classe CSS…) pour pouvoir les manipuler en JavaScript. Par exemple, si tu insères un <span id="resultat"></span>, tu peux faire ceci :
Merci de vos réponses, je vais tester ce que tu me dis darenju.
AbbcAbc6, oui en effet erreur sur le header et le center (j'aurai du savoir que le css gère "la mise en forme"), pour la balise table c'est tout simplement parce que j'ai enlevé le tableau pour ne pas avoir un code à rallonge.
Par contre, la balise a me renvoit sur une autre page, aurai-je mal interpréter le cours html ? C'est ce que j'ai vu dans le cours Html5, créez des liens, liens vers une autre page de son site.
Je le met sur chaque page (modifier en fonction de la page) pour pouvoir naviguer sur l'ensemble des pages, un peu comme des boutons sous excel.
Bon pas réussi à faire ce que je voulais. Je crois que je fais un blocage sur ce truc.
Je ne vois toujours pas comment récupérer le résultat des calculs fait dans un fichier javascript dans ma page html. Je pense que je ne dois pas raisonner de la bonne manière.
fichier off.js var (result) vers le fichier germain.html.
Le script dans la page html fonctionne, me reste à trouver comment appliquer un code css sur le résultat.
document.getElementById('resultat').textContent = result ;
si je comprends défini une variable déclarée dans mon fichier html que je travaille dans java, hors la variable "result" est la finalité des calculs de différentes variables dans mon fichier java.
Pour ça que je dis que je dois fonctionner à l'envers.
- Edité par DominiqueGuesnet 28 mars 2017 à 8:37:18
La variable qui contient le résultat de ton calcul en JavaScript s'appelle result. Dans ton HTML, tu définis une balise avec un identifiant, par exemple affichage-resultat, ensuite tu peux faire ça :
oui exact pardon, l'habitude de faire des abréviations, oui c'est ce que j'ai fait.
Donc, là ok, je comprends mieux la balise et document...(encore abrégé ), faut le temps que ça fasse le tour du cerveau.
Merci de ton aide.
Récupération de variables calculées en JS
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Lord Morpheus, Seigneur Morphée, Dieu Grecs des Songes, Fils de la Nuit et du Sommeil
Lord Morpheus, Seigneur Morphée, Dieu Grecs des Songes, Fils de la Nuit et du Sommeil