Javascript：如何将用户输入的数据转换为对象？

我有一个待办事项列表，我希望我可以通过html文本框接收用户输入。单击按钮后，信息当前以未排序的列表形式打印在这些文本框下

这并不完美，也就是说我跳过了一个步骤，我想通过单击按钮获取用户输入的字符串，并首先将它们添加到此函数中

function task(task_text, date, time) 

当然，这样做的目的是在以后的代码中交换对象属性

那么，我将如何着手在文本框中获取信息，并在单击按钮时将其提交给上述功能

小提琴

一次点击就得到输入 要将此输入获取到函数中，必须侦听onclick事件

var input_text = document.getElementById('input_text').value;
var input_date = document.getElementById('input_date').value;
var input_time = document.getElementById('input_time').value;

onclick=“任务（输入文本、输入日期、输入时间）；”

---

如何将用户输入的数据转换为对象

---

调用函数时，可以根据传入的数据创建对象，如下所示：

var inputs = [];
function task(task_text, date, time) {
    input.push({
        task_text: task_text,
        date: date,
        time: time
    });
}

或者，如果您只计划接受一个输入，您可以这样做：

var obj = {};
function task(task_text, date, time) {
    obj.task_text: task_text,
    obj.date: date,
    obj.time: time
}

小提琴：

我想这就是你想要的：

function task(text, date, time) {
    this.text = text;
    this.date = date;
    this.time = time;
}

function buttonClicked() {
    var myText = document.getElementById('myText');
    var input_text = document.getElementById('input_text').value  ;
    var input_date = document.getElementById('input_date').value  ;
    var input_time = document.getElementById('input_time').value  ;
    var item = new task(input_text, input_date, input_time);
        myText.innerHTML += "<li>"+item.text+" "+item.date+" "+item.time+"</li>";
}

功能任务（文本、日期、时间）{
this.text=文本；
this.date=日期；
这个时间=时间；
}
函数按钮单击（）{
var myText=document.getElementById（'myText'）；
var input_text=document.getElementById（'input_text'）。值；
var input_date=document.getElementById（'input_date'）。值；
var input_time=document.getElementById（'input_time'）。值；
变量项=新任务（输入文本、输入日期、输入时间）；
myText.innerHTML+=“
”+item.text+”“+item.date+”“+item.time+”
”；
}

---

另外，在这里添加了一个稍微有趣的任务对象用法，从学习角度来看可能会很有用：

这很酷，我想我会想做一些事情，但是，我如何在单击按钮时获取用户数据并将其传递给函数？很酷，我确信这是可能的，我只是不确定从哪里开始查找谢谢，我会调查的。你在多输入（阵列）设置上做得很好。这是一个比所选答案好得多的答案。