websqlテーブルに新しい値を挿入するボタンを追加します

Question

私は初心者です。私は助けが必要です。それは私のために複雑です。 私の悪い英語のために申し訳ありません。

私は@rushiからのこのクールなコードを持っています。今は、変更を挿入して更新してテーブルに戻すボタンが必要です。

このページでは、テーブルビューの最後にボタンがあり、入力タイプ=テキストがテーブル接続の正しい値を持っています（画像参照）！

uはここで見つけるrushiから元のコードブロック - >web-sql, javascript, show all tables of database

これは一瞬のコードです。 「更新ボタン」のソリューションを見つけるのを手伝ってもらえますか？

function processResultSet(tblname,results) { 
 
     console.log('----------------------'+tblname) 
 
     var len = results.rows.length; 
 
     var tbl = document.createElement('table'); 
 
     var trTblName = document.createElement('tr'); 
 
     var thTblName = document.createElement('th'); 
 
     thTblName.innerHTML = tblname; 
 
     trTblName.colSpan = 2; 
 
     trTblName.appendChild(thTblName); 
 
     tbl.appendChild(trTblName); 
 
     
 
    //create Table-Head 
 

 
     var trHeader = document.createElement('tr'); 
 
     var th1 = document.createElement('th'); 
 
     th1.innerHTML = '<font color=orange> ID STEMPEL</font>'; 
 
     var th2 = document.createElement('th'); 
 
     th2.innerHTML = '<font color=red> HERSTELLER </font>'; 
 
     var th3 = document.createElement('th'); 
 
     th3.innerHTML = '<font color=green> STÜCKZAHL </font>'; 
 
    var th4 = document.createElement('th'); 
 
     th4.innerHTML = '<font color=blue> KALIBER </font>'; 
 
     trHeader.appendChild(th1); 
 
     trHeader.appendChild(th2); 
 
     trHeader.appendChild(th3); 
 
     trHeader.appendChild(th4); 
 
     tbl.appendChild(trHeader); 
 
     
 
     //create Table-Inserts, show what is in the table 
 

 
     for (var i = 0; i < len; i++) { 
 

 
     var tr = document.createElement('tr'); 
 
     var td1 = document.createElement('td'); 
 
     td1.innerHTML = results.rows[i].id; 
 
     var td2 = document.createElement('td'); 
 
     td2.innerHTML = results.rows[i].hersteller; 
 
     var td3 = document.createElement('td'); 
 
     td3.innerHTML = '<form method="GET" action="edit_munition.html"><input name="formstueckzahl" type="text" value="' + results.rows[i].stueckzahl + '" size="5" maxlength="4" id="' + results.rows[i].id + '">'; 
 
     var td4 = document.createElement('td'); 
 
     td4.innerHTML = results.rows[i].kaliber; 
 
     var td5 = document.createElement('td'); 
 
     td5.innerHTML = '<input type="submit" name="form" value="update"></form>'; 
 
      
 
     tr.appendChild(td1); 
 
     tr.appendChild(td2); 
 
     tr.appendChild(td3); 
 
     tr.appendChild(td4); 
 
     tr.appendChild(td5); 
 
     tbl.appendChild(tr); 
 
      
 
     } 
 
     var body = document.getElementsByTagName('X')[0]; 
 
     body.appendChild(tbl); 
 
     body.appendChild(document.createElement('hr')); 
 
     
 

 
    }

Answer 1

ソリューション：

td3.innerHTML = '<form method="GET" action="edit_munition.html"><input name="formstueckzahl" type="text" value="' + results.rows[i].stueckzahl + '" size="5" maxlength="4" id="formstueckzahl"><input type="hidden" name="formid" value="' + results.rows[i].id + '">' + " " + '<input type="submit" name="form" value="update"></form>';