Javascript 如何使用输入标记将用户输入存储为变量?

Javascript 如何使用输入标记将用户输入存储为变量?,javascript,jquery,html,attributes,user-input,Javascript,Jquery,Html,Attributes,User Input,这是我迄今为止在HTML中的内容: <input id="userinput" type="text"><br><br> <a id="submit" href="#" class="btn btn-primary btn-lg"> Add to List </a> <div id="tasklist" class="col-md-12"> <a id="item1"></a> <

这是我迄今为止在HTML中的内容:

<input id="userinput" type="text"><br><br>
<a id="submit" href="#" class="btn btn-primary btn-lg">
  Add to List
</a>

<div id="tasklist" class="col-md-12">
  <a id="item1"></a>
  <a id="item2"></a>
  <a id="item3"></a>
  <a id="item4"></a>
</div>
我对.attr函数及其格式有问题。我也不明白如何引用用户的输入并将其保存为变量或使用id标记

你试过了吗

$("#item", counter).attr("text", $("userinput").val());

在java脚本中,con连接运算符是“+”而不是“,”。也可以使用“html”而不是“attr”。请检查下面的代码,它可能会帮助您

var计数器=0;
$(“#提交”)。单击(函数(){
计数器=计数器+1;
$(“#新任务”).hide();
userinput=$('#userinput').val();
$(“#项”+计数器).html(用户输入);
});




您是否试图将输入中的文本作为文本放入任务列表?我正在尝试将文本作为列表的一部分发布到页面,我会将其放入检查列表我不确定它是否是您想要的$(“#item”+counter).html($((“userinput”).val());
$("#item", counter).attr("text", $("userinput").val());