如何通过javascript动态添加新按钮

我有两个文本框和一个按钮， 我想添加一个新的文本字段，当我点击按钮时，它应该显示textbox1中的卡名和textbox2中的链接URL追加

//AddnNewCardNavigator
var计数器=2；
var nmecardtxt=document.getElementById（“textbox1”）.value；
var linkurltxt=document.getElementById（“textbox2”）.value；
$（“#添加按钮”）。单击（函数（）{
如果（nmecardtxt==“”| | nmecardtxt==0 | | nmecardtxt==null
&&linkurltxt==“”| | linkurltxt==“”| | linkurltxt==0 | | linkurltxt==null）{
警告（“请在卡名和链接Url文本框中插入值，并且必须正确”）；
返回false；
}
var NewCarddiv=$（document.createElement（'div'））.attr（“id”，“cardlink”+计数器）；
NewCarddiv.after（）.html（）
})

卡名：
链接Url:&ensp&ensp&ensp；

必须在单击函数中创建变量

nmecardtxt

和

linkurltxt

，
因为在加载页面时它是空的

由于您已经在使用jQuery，我还冒昧地对该变量使用了jQuery，并尝试增强一些其他功能：
（有关详细信息，请参见我的代码中的注释）

//AddnNewCardNavigator
var计数器=2；
//点击功能
$（“#添加按钮”）。单击（函数（）{
//这里比较好
var nmecardtxt=$（“#textbox1”）.val（）；
var linkurltxt=$（“#textbox2”）.val（）；
//你在这里测试吗
如果（！nmecardtxt | |！linkurltxt）{
警告（“请在卡名和链接Url文本框中插入值，并且必须正确”）；
返回false；
}
//修改了卡片的创建
var link=$（document.createElement（'a'））.attr（“href”，linkurltxt）.html（linkurltxt）；
var NewCarddiv=$（document.createElement（'div'））.attr（“id”，“cardlink”+计数器）.html（nmecardtxt+“：”）.append（link）；
$（'#cards'）。追加（NewCarddiv）；
//NewCarddiv.after（）.html（）；//这行是否尝试了上述操作？
});
正文{
背景：#888；
}

卡名：
链接Url:&ensp&ensp&ensp；
添加…
以下是您试图完成的任务的简化版本：


函数addNewCard（）{
var name=$（'#name'）.val（）；
var url=$（'#url'）.val（）；
变量计数=$（'#cards>.card'）。长度；
如果（！name | |！url）{
警报（“缺少名称和/或URL”）；
}
var card=$（''）.html（“名称：+Name+”
URL:+URL）；
$（“#卡片”）。附加（卡片）；
}

姓名：
网址：
您的代码片段中没有“按钮”。根据您的描述，我对您的问题做了一些更改。请检查这是否是您的实际查询