Fatal编程技术网
  • javascript/
  • 第二个响应没有在JavaScript中显示？

第二个响应没有在JavaScript中显示？

javascript html css

第二个响应没有在JavaScript中显示？,javascript,html,css,Javascript,Html,Css,我输入2x和z坐标。响应应显示2个响应 1答案-求和到数字6002答案-与数字600的差异 我只输入了一个响应，然后是第二个脚本，而不是第一个脚本 <!DOCTYPE html> <html> <body> <script> var x, y, c; var outputText; function validate() { // get the input x = document.forms[&quo

我输入2x和z坐标。响应应显示2个响应

1答案-求和到数字6002答案-与数字600的差异

我只输入了一个响应，然后是第二个脚本，而不是第一个脚本

<!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>


变量x，y，c；
var输出文本；
函数验证（）{
//获取输入
x=文件.表格[“输入表格”][“aterm1”]值；
y=文件.表格[“输入表格”][“aterm2”]值；
//验证a、b和c
如果（x==0）{}else{
//算计
var a1=x；
var a2=y；
var a3=600；
变量a4=（a1+++a3）；
var a5=（a2+++a3）；
outputText=“+a4+”，“+a5+”；
}
//输出结果（或错误）
document.getElementById（“1”）.innerHTML=outputText；
}
变量x，y，c；
var输出文本；
函数验证（）{
//获取输入
x=文件.表格[“输入表格”][“aterm1”]值；
y=文件.表格[“输入表格”][“aterm2”]值；
//验证a、b和c
如果（x==0）{}else{
//算计
var a1=x；
var a2=y；
var a3=600；
VarA4=（a1-a3）；
var a5=（a2---a3）；
outputText=“+a4+”，“+a5+”；
}
//输出结果（或错误）
document.getElementById（“2”）.innerHTML=outputText；
}
X
Z
不能有两个同名函数。第二个将覆盖第一个。如果需要执行两个计算，请使用两个函数，或者使用一个父函数来调用这两个函数

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

function sum() {
    // calculate the sum
}

function difference() {
    // calculate the difference
}
然后在表单中调用
validate（）
，对于一个不验证任何内容的函数来说，这是一个奇怪的名称。为你的函数使用好的名字，这样它们就能做到它们所说的，这会使你的代码更容易阅读

<form name="input_form" action="javascript:validate();">




X
Z




函数验证（）{
//获取输入
var x=文件.表格[“输入表格”][“aterm1”]值；
变量y=document.forms[“input_form”][“aterm2”]值；
//输出结果（或错误）
document.getElementById（“1”）.innerHTML=“+（x+600）+”，“+（y+600）+”；
document.getElementById（“2”）.innerHTML=”“+（x-600）+”，“+（y-600）+”；
}

为什么要两次定义相同的变量和函数？您认为您正在调用哪一个？请查看此链接：。上一个错误没有准确地添加数字，而是将它们放在一起-
“12”+“13”=“1213”
。我通过解析字符串修复了它。 
<!DOCTYPE html>
<html>
  <body>

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

    <script>
      function validate() {
        // get the input
        var x = document.forms["input_form"]["aterm1"].value;
        var y = document.forms["input_form"]["aterm2"].value;

        // output the result (or errors)
        document.getElementById("1").innerHTML = "<h>" + (x + 600) + ", " + (y + 600) + "</h>";
        document.getElementById("2").innerHTML = "<h>" + (x - 600) + ", " + (y - 600) + "</h>";
      }
    </script>
  </body>
</html>