Javascript 正在尝试将一些Js字符串添加到一起

我有以下表格：

<form id="taskform">

                Habit: <input id="taskname" type="text">

                <textarea id="taskdesc" rows="4" cols="50" name="comment" form="usrform">Description Here...</textarea> 

                <div>
                    Good or Bad:
                    <input type="radio" id="star" name="priority" value="1" checked/><label for="star1" title="Not very important">Good</label>
                    <input type="radio" id="star" name="priority" value="2"/><label for="star2" title="Kinda important">Bad</label>
                </div>

                <br>Starting Date: <input id="deadlinedate" type="date">
                Times you want to do it: <input type="number" id="reminderdays" min="0"> 

                <span type="button" id="sBtn" value="Add Habit" onclick="newElement()" class="addBtn" >Add Habit</span>
                <input type="reset" value="Clear">

            </form>

现在我尝试将所有字符串

t1、t2、t3、t4

和

t5

组合在一起，然后添加到列表对象中

如果我只使用例如

t1

，它会添加到列表中，方法如下：

li.appendChild(t1);

如果我使用concat并尝试将

t2、t3、t4

和

t5

添加到我的

t1

中，然后使用此

li.appendChild（res）

当
res
是所有值的总和时，我的列表为空，没有添加任何内容

我不知道怎么做，我不知道为什么concat或+不起作用

此外，由于某些原因，我无法获得我的日期和收音机的值
 如果您只想组合字符串，那么请不要尝试以下操作：

var t1 = document.createTextNode(inputValue+' '+inputDescription+' '+inputStar+' '+inputDate+' '+inputReminderDays);

更新：


var output=document.getElementById（'output'）；
函数newElement（）{
var li=document.createElement（“li”）；
var inputValue=document.getElementById（“taskname”）.value；
var inputDescription=document.getElementById（“taskdesc”）.value；
var inputStar1=document.getElementById（“star1”）；
var inputStar2=document.getElementById（“star2”）；
var inputDate=document.getElementById（“deadlinedate”）.value；
var inputReminderDays=document.getElementById（“提醒日”）.value；
//由于您只有两个单选按钮，您可以使用三元来获得正确的值，这取决于是否选中一个。
var inputStar=inputStar1.checked？inputStar1.value:inputStar2.value；
var t1=document.createTextNode（inputValue+'、'+inputDescription+'、'+inputStar+'、'+inputDate+'、'+InputMinderDays）；
li.附肢儿童（t1）；
输出。追加子项（li）；
}

习惯：

好或坏：
好的
令人不快的

开始日期：您想做的次数：
加上习惯


为什么不在创建单个文本节点之前将字符串添加到一起？看起来您并没有使用jQuery，但您有标签：您想要原始JS答案还是jQuery答案？是的，我做了，它成功了，但是，我无法获取startdate和teh单选按钮的值。不能有两个元素具有相同的
id
，并且两个复选框都具有
id=“star”
。相反，您需要为每个单选按钮使用不同的ID，并获取基于哪个单选按钮的值。
el.checked===true
（
el
是单选按钮）您可以将其写入dwon吗？我添加了一个更好的示例
var t1 = document.createTextNode(inputValue+' '+inputDescription+' '+inputStar+' '+inputDate+' '+inputReminderDays);