Javascript 如何使脚本在使用html和java的程序中工作？

当我在sublime上运行代码时，脚本似乎不起作用。相反，当我在fiddle中运行它时，它确实起作用。这是你的电话号码。我不能在sublime中添加问题和下拉列表，因为它在fiddle上运行良好。我是新手，请帮帮我。多谢各位

我尝试过包括这样的资源[ 我还尝试了$（document）.ready（function（）{..}）；&

$（“#添加”）。单击（函数（）
{var newElement='问题：

选择ChoicesCheckBox单选按钮'；
$（“#ques”）.append（$（新元素））；
});
功能选择器检查器（sel）{
document.getElementById（“chkbox_选项”）.style.display=“无”；
document.getElementById（“rdbtn_选项”）.style.display=“none”if（选择值）{
var show=sel.value==“复选框”？“chkbox_选项”：“rdbtn_选项”；
document.getElementById（show.style.display=“block”；
}
}
函数addRowchk（tableID）{
var table_chk=document.getElementById（tableID）；
var rowCount_chk=表_chk.rows.length；
var row_chk=表_chk.insertRow（行计数_chk）；
var cell1_chk=行_chk.insertCell（0）；
var element1_chk=document.createElement（“输入”）；
元素1_chk.type=“复选框”；
element1_chk.name=“chkbox[]”；
单元1_chk.appendChild（元素1_chk）；
var cell2_chk=行_chk.insertCell（1）；
var element2_chk=document.createElement（“输入”）；
element2_chk.type=“text”；
element2_chk.name=“txtbox[]”；
单元2_chk.appendChild（元素2_chk）；
}
函数deleteRowchk（tableID）{
试一试{
var table_chk=document.getElementById（tableID）；
var rowCount_chk=表_chk.rows.length；
对于（var i=0；i当所有其他内容都是香草js时，您可以随机使用jquery，为什么不直接使用所有香草js呢


document.getElementById（“添加”）.addEventListener（“单击”，函数）（）{
document.getElementById（“ques”）.innerHTML+=“问题：

选择ChoiceCheckBox单选按钮”；
})；
添加
请您重新格式化您的问题，它看起来有点凌乱，无法阅读。我在这里没有看到任何Java。也许您是指JavaScript？请以可读和可理解的格式发布您的问题？
 $( "#add" ).click(function()
{var newElement = '<div class="container"><form id ="ques"><label>Question:</label><br><textarea rows="5" cols="50" name="description" placeholder="Enter a question"></textarea><br><select name="choice" id="choice" onchange="selectorchecker(this)"><option value="">Select choices</option><option value="checkbox">Checkbox</option><option value="radiobtn">Radio Button</option></select></form>';
$( "#ques" ).append( $(newElement) );
});

  function selectorchecker(sel) {
    document.getElementById("chkbox_choice").style.display = "none";
 document.getElementById("rdbtn_choice").style.display = "none";if (sel.value) {
     var show = sel.value=="checkbox"?"chkbox_choice":"rdbtn_choice";
     document.getElementById(show).style.display = "block";
 }
}

   function addRowchk(tableID) {

      var table_chk = document.getElementById(tableID);

      var rowCount_chk = table_chk.rows.length;
      var row_chk = table_chk.insertRow(rowCount_chk);

      var cell1_chk = row_chk.insertCell(0);
      var element1_chk = document.createElement("input");
      element1_chk.type = "checkbox";
      element1_chk.name="chkbox[]";
      cell1_chk.appendChild(element1_chk);

      var cell2_chk= row_chk.insertCell(1);
      var element2_chk = document.createElement("input");
      element2_chk.type = "text";
      element2_chk.name = "txtbox[]";
      cell2_chk.appendChild(element2_chk);
    }

function deleteRowchk(tableID) {
 try {
    var table_chk = document.getElementById(tableID);
     var rowCount_chk = table_chk.rows.length;

     for(var i=0; i<rowCount_chk; i++) {
       var row_chk = table_chk.rows[i];
       var chkbox = row_chk.cells[0].childNodes[0];
       if(null != chkbox && true == chkbox.checked) {
         table_chk.deleteRow(i);
         rowCount_chk--;
         i--;
       }
     }
   }catch(e) {
   alert(e);
 }
}

function addRowRd(tableID) {

      var table_rd = document.getElementById(tableID);

      var rowCount_rd = table_rd.rows.length;
      var row_rd = table_rd.insertRow(rowCount_rd);

      var cell1_rd = row_rd.insertCell(0);
      var element1_rd = document.createElement("input");
      element1_rd.type = "radio";
      element1_rd.name="rdbtn[]";
      cell1_rd.appendChild(element1_rd);

      var cell2_rd= row_rd.insertCell(1);
      var element2_rd= document.createElement("input");
      element2_rd.type = "text";
      element2_rd.name = "txtbox[]";
      cell2_rd.appendChild(element2_rd);
    }

function deleteRowRd(tableID) {
 try {
   var table_rd = document.getElementById(tableID);
   var rowCount_rd = table_rd.rows.length;

   for(var i=0; i<rowCount_rd; i++) {
   var row_rd = table_rd.rows[i];
   var rdbtn = row_rd.cells[0].childNodes[0];
   if(null != rdbtn && true == rdbtn.checked) {
    table_rd.deleteRow(i);
       rowCount_rd--;
       i--;
       }
    }
    }catch(e) {
    alert(e);
 }
}