Javascript 添加到数据库并在同一页面上列出

当在页面上单击“ekle”按钮时，需要将其记录在列表中并在左侧列出-将其添加到列表中。但当我点击“ekle”按钮时，什么也没发生。这是什么原因

按钮：

function drawTable(demir) {
  $("#demirlist").html("<tr><td>Demir Çapı</td><td>Adet</td><td>Boy</td><td>Sil</td></tr>");
  cap=$("#demircap").val();
  adet=$("#adet").val();
  boy=$("#boy").val();

  for (var a in demir) {
    if (demir[a]["sil"]==0) {
      if (demir[a]["id"]>0) {
      $("#demirlist").append("<tr><td>"+cap+"</td><td>"+adet+"</td><td>"+boy+"</td><td><a class='btn btn-warning btn-xs il' target='_blank' href='/atm/duzenle/ysk/"+demir[a]["id"]+"'>Düzenle</a>  <button class='btn btn-danger btn-xs il' onclick=rmvdemir('"+a+"')>Sil</button></td></tr>");
    }else{
      $("#demirlist").append("<tr><td>"+cap+"</td><td>"+adet+"</td><td>"+boy+"</td><td><button class='btn btn-danger btn-xs il' onclick=rmvdemir('"+a+"')>Sil</button></td></tr>");
    }
    }
  }
}

$("#demircapekle").on("click",function functionName() {
  cap=$("#demircap").val();
  adet=$("#adet").val();
  boy=$("#boy").val();
  console.log(adet);
  if (adet>0 && boy>0) {
    $(".demirlist").append("Demir Listesi:<br/><table class='table'><thead><tr><th>Demir Çapı</th><th>Adet</th><th>Boy</th><th>Sil</th></tr></thead><tbody><tr><td>"+cap+"</td><td>"+adet+"</td><td>"+boy+"</td><td></tr></tbody></table>");

  }
  drawTable(demir);
  $("#demircap").val("");
  $("#adet").val("");
  $("#boy").val("");

});
$(document).ready(function () {
  editLoad();
});

  <div class="demir">
    Demir Listesi:
    <table name='demirlist' class='table'>
      <thead>
      <tr>
        <th>Demir Çap</th>
        <th>Adet</th>
        <th>Boy</th>
        <th>Sil</th>
      </tr>
    </thead>
    <tbody>
    <tr>
      <td>Demir Çap</td>
      <td>Adet</td>
      <td>Boy</td>
      <td>Sil</td>
    </tr>
  </tbody>
    </table>
  </div>

功能绘图台（除雾器）{
$（“#demillist”）.html（“DemirıapıAdetBoySil”）；
cap=$（“#demircap”）.val（）；
adet=$（“#adet”）.val（）；
男孩=$（“#男孩”）.val（）；
用于（除雾器中的a型变量）{
如果（除雾器[a][“sil”]==0）{
如果（demir[a][“id”]>0）{
$（“#除雾器列表”）。追加（“+cap+”+adet+”+boy+“Sil”）；
}否则{
$（“#除雾器列表”）。追加（“+cap+”+adet+”+boy+“Sil”）；
}
}
}
}
$（“#Demircapake”）。在（“单击”，函数名（）{
cap=$（“#demircap”）.val（）；
adet=$（“#adet”）.val（）；
男孩=$（“#男孩”）.val（）；
控制台日志（adet）；
如果（adet>0&&boy>0）{
$（“.demillist”）.append（“Demir listsi:
DemirıAdetBoySil”+cap+“”+adet+“”+boy+“”）；
}
抽油台（除雾器）；
美元（“#demircap”）.val（“”）；
美元（“#adet”）.val（“”）；
$（“#男孩”）.val（“”）；
});
$（文档）.ready（函数（）{
editLoad（）；
});

列出部分：

function drawTable(demir) {
  $("#demirlist").html("<tr><td>Demir Çapı</td><td>Adet</td><td>Boy</td><td>Sil</td></tr>");
  cap=$("#demircap").val();
  adet=$("#adet").val();
  boy=$("#boy").val();

  for (var a in demir) {
    if (demir[a]["sil"]==0) {
      if (demir[a]["id"]>0) {
      $("#demirlist").append("<tr><td>"+cap+"</td><td>"+adet+"</td><td>"+boy+"</td><td><a class='btn btn-warning btn-xs il' target='_blank' href='/atm/duzenle/ysk/"+demir[a]["id"]+"'>Düzenle</a>  <button class='btn btn-danger btn-xs il' onclick=rmvdemir('"+a+"')>Sil</button></td></tr>");
    }else{
      $("#demirlist").append("<tr><td>"+cap+"</td><td>"+adet+"</td><td>"+boy+"</td><td><button class='btn btn-danger btn-xs il' onclick=rmvdemir('"+a+"')>Sil</button></td></tr>");
    }
    }
  }
}

$("#demircapekle").on("click",function functionName() {
  cap=$("#demircap").val();
  adet=$("#adet").val();
  boy=$("#boy").val();
  console.log(adet);
  if (adet>0 && boy>0) {
    $(".demirlist").append("Demir Listesi:<br/><table class='table'><thead><tr><th>Demir Çapı</th><th>Adet</th><th>Boy</th><th>Sil</th></tr></thead><tbody><tr><td>"+cap+"</td><td>"+adet+"</td><td>"+boy+"</td><td></tr></tbody></table>");

  }
  drawTable(demir);
  $("#demircap").val("");
  $("#adet").val("");
  $("#boy").val("");

});
$(document).ready(function () {
  editLoad();
});

  <div class="demir">
    Demir Listesi:
    <table name='demirlist' class='table'>
      <thead>
      <tr>
        <th>Demir Çap</th>
        <th>Adet</th>
        <th>Boy</th>
        <th>Sil</th>
      </tr>
    </thead>
    <tbody>
    <tr>
      <td>Demir Çap</td>
      <td>Adet</td>
      <td>Boy</td>
      <td>Sil</td>
    </tr>
  </tbody>
    </table>
  </div>

德米尔·李斯特：
德米尔切普
阿德特
男孩
Sil
德米尔切普
阿德特
男孩
Sil

你确定

adet

和

boy

是数字吗？你确定这个密码是真的吗<代码>如果（adet>0&&boy>0）您确定

adet

和

boy

是数字吗？你确定这个密码是真的吗<代码>如果（adet>0&&boy>0）