Wie füge ich Daten aus meiner JS-Funktion in die Tabelle ein, nachdem ich auf "Senden" geklickt habe?

Question

Ich versuche, eine Tabelle mit Ergebnissen verschiedener Variablen in meiner JavaScript-Funktion zu erstellen. Ich möchte, dass die Tabelle nach dem Klicken auf die Senden-Schaltfläche angezeigt wird (was ich mit der onclick Funktion geschafft habe). Mein Problem besteht jedoch darin, die Daten in die Tabelle zu bringen. Ich bin mir nicht sicher, wie ich die Variablen auf bestimmte Zellen in der Tabelle referenziere. Mir ist klar, dass diese Erklärung könnte ein bisschen schwierig zu verstehen, so habe ich ein Beispiel unten bekam:

Ich möchte verweisen und zu tun Berechnungen mit diesen Informationen:

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

und zeigen die ‚total‘ in ein eigener Absatz (sagen wir, ein H1-Tag) Onclick der Submit-Button:

         This is the TOTAL 

Und der Rest der Informationen mit den folgenden Überschriften eingefügt unten in eine grenzte Tabelle werden:

Wenn jedoch "birthdayyear" nicht aktiviert ist, wird diese Spalte nicht angezeigt.

Wie referenziere ich die Daten in myFunction, um sie in die Tabelle einzufügen?

Meine Berechnungen sind komplizierter als das, aber sie funktionieren, es ist nur die Referenzierung, die ich brauche Hilfe!

Vielen Dank im Voraus für Ihre Hilfe!

Answer 1

Schauen Sie sich die Funktionen an, die mit insertRow()here at w3schools verbunden sind. Ich glaube, ich habe deine Frage richtig verstanden, aber lass es mich wissen, wenn ich es nicht täte. Versuchen Sie etwas wie dieses:

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