Javascript 单击“提交”后,如何将JS函数中的数据插入表中?

Javascript 单击“提交”后,如何将JS函数中的数据插入表中?,javascript,html,Javascript,Html,我试图创建一个表,显示javascript函数中不同变量的结果。我希望该表在单击submit按钮后显示(我已经使用onclick函数实现了这一点)。然而,我的问题实际上是将数据放入表中。我不确定如何将变量引用到表中的特定单元格。我意识到这个解释可能有点难以理解,所以我举了一个例子: 我想使用以下信息进行参考和计算: function myFunction() { var age = document.getElementById("age").value; var favoritenu

我试图创建一个表,显示javascript函数中不同变量的结果。我希望该表在单击submit按钮后显示(我已经使用onclick函数实现了这一点)。然而,我的问题实际上是将数据放入表中。我不确定如何将变量引用到表中的特定单元格。我意识到这个解释可能有点难以理解,所以我举了一个例子:

我想使用以下信息进行参考和计算:

function myFunction() {

  var age = document.getElementById("age").value;
  var favoritenumber = document.getElementById("favoritenumber").value;
  var birthdayyear = document.getElementById("birthdayyear").checked;

  var a1 = +(age - 10);
  var fn = +(favoritenumber * 2);    
  var by;
        if (document.getElementById("birthdayyear").checked) {
            by = +14; 
            } else {
            by = 0;
            }

  var total = +(a1 + fn + by);

  document.getElementById("submit").innerhtml = total;
  }
单击submit按钮,在单独的段落(比如h1标签)中显示“总计”:

                                     This is the TOTAL
以及下面要插入到具有以下标题的带边框表格中的其余信息:

A1           FN            BY        
但例如,如果未选中“birthdayear”,则此列不会显示

如何引用myFunction中的数据以将其插入表中?

我的计算比这更复杂,但他们工作,这只是我需要帮助的参考


提前感谢您的帮助

查看与
insertRow()
相关的函数套件。我想我正确理解了你的问题,但如果我没有理解,请告诉我。试着这样做:

function myFunction() {



var age = document.getElementById("age").value;
  var favoritenumber = document.getElementById("favoritenumber").value;
  var birthdayyear = document.getElementById("birthdayyear").checked;

  var a1 = +(age - 10);
  var fn = +(favoritenumber * 2);    
  var by;
  if (document.getElementById("birthdayyear").checked) {
      by = +14; 
  } else {
      by = 0;
  }

  var total = +(a1 + fn + by);

  var table = document.getElementById("tableid");
  var row = table.insertRow(0);

  var cella1 = row.insertCell(0);
  var cellfn = row.insertCell(1);
  var cellby = row.insertCell(2);

  cella1.innerHTML = a1;
  cellfn.innerHTML = fn;
  cellby.innerHTML = by;

  document.getElementById("submit").innerhtml = total;
  }

查看与
insertRow()
相关的函数套件。我想我正确理解了你的问题,但如果我没有理解,请告诉我。试着这样做:

function myFunction() {



var age = document.getElementById("age").value;
  var favoritenumber = document.getElementById("favoritenumber").value;
  var birthdayyear = document.getElementById("birthdayyear").checked;

  var a1 = +(age - 10);
  var fn = +(favoritenumber * 2);    
  var by;
  if (document.getElementById("birthdayyear").checked) {
      by = +14; 
  } else {
      by = 0;
  }

  var total = +(a1 + fn + by);

  var table = document.getElementById("tableid");
  var row = table.insertRow(0);

  var cella1 = row.insertCell(0);
  var cellfn = row.insertCell(1);
  var cellby = row.insertCell(2);

  cella1.innerHTML = a1;
  cellfn.innerHTML = fn;
  cellby.innerHTML = by;

  document.getElementById("submit").innerhtml = total;
  }