2 votes

La deuxième réponse n'est pas affichée en JavaScript ?

Je rentre 2 coordonnées x et z. Et la réponse devrait afficher 2 réponses.

1 réponse — Somme du nombre 600. 2 réponse - Différence du nombre 600.

Je n'ai entré qu'une seule réponse, et ensuite dans le second script, pas le premier.

https://www.w3schools.com/code/tryit.asp?filename=GMFS5UGR7FWC

<!DOCTYPE html>
<html>
<body>
<script>

  var x, y, c;
  var outputText;

  function validate() {

    // get the input
    x = document.forms["input_form"]["aterm1"].value;
      y = document.forms["input_form"]["aterm2"].value;
      // validate a, b and c
      if (x == 0) {} else {
    // calculate 
    var a1 = x;
      var a2 = y;
      var a3 = 600;
      var a4 = (a1 +++ a3);
      var a5 = (a2 +++ a3);
      outputText = "<h>" + a4 + ", " + a5 + "</h> ";
  }

  // output the result (or errors)
  document.getElementById("1").innerHTML = outputText;

  }
</script>
<script>

  var x, y, c;
  var outputText;

  function validate() {

    // get the input
    x = document.forms["input_form"]["aterm1"].value;
      y = document.forms["input_form"]["aterm2"].value;
      // validate a, b and c
      if (x == 0) {} else {
    // calculate 
    var a1 = x;
      var a2 = y;
      var a3 = 600;
      var a4 = (a1 --- a3);
      var a5 = (a2 --- a3);
      outputText = "<h>" + a4 + ", " + a5 + "</h> ";
  }

  // output the result (or errors)
  document.getElementById("2").innerHTML = outputText;

  }
</script>

<h type="x">X</h>
<h type="z">Z</h>
<form name="input_form" action="javascript:validate();">
  <input type="text1" name="aterm1" size="5" required>
    <input type="text2" name="aterm2" size="5" required>
      <input type="submit" value="">
      </form>

      <p type="ygol1" id="1"> </p> 
      <p type="ygol2" id="2"> </p>

    </div>
  </body>
</html>

4voto

Matt Points 2671

Vous ne pouvez pas avoir deux fonctions avec le même nom. La deuxième écrasera la première. Si vous avez besoin d'effectuer deux calculs, utilisez deux fonctions et peut-être une fonction parent pour les appeler toutes les deux.

function validate() {
    sum();
    difference();
}

function sum() {
    // calculer la somme
}

function difference() {
    // calculer la différence
}

et ensuite dans votre formulaire vous appelez validate() qui est un drôle de nom d'ailleurs, pour une fonction qui ne valide rien. Utilisez des bons noms pour vos fonctions afin qu'elles fassent ce qu'elles disent, cela rend votre code facile à lire.

0voto

Endothermic_Dragon Points 1057
    X
    Z

      function validate() {
        // obtenir l'entrée
        var x = document.forms["input_form"]["aterm1"].value;
        var y = document.forms["input_form"]["aterm2"].value;

        // afficher le résultat (ou les erreurs)
        document.getElementById("1").innerHTML = "<h>" + (x + 600) + ", " + (y + 600) + "</h>";
        document.getElementById("2").innerHTML = "<h>" + (x - 600) + ", " + (y - 600) + "</h>";
      }

https://www.w3schools.com/code/tryit.asp?filename=GMFZ3DNB6ELT

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X