Javascript：如何讓用戶輸入數據並將其轉換為對象？

Question

我有一個待辦事項清單，希望我可以通過html文本框接收用戶輸入。 單擊按鈕后，當前信息以無序列表形式打印在這些文本框下。

這並不完美，也就是說我跳過了一步，我想通過單擊按鈕獲取用戶輸入的字符串，然后將其首先添加到此功能中。

function task(task_text, date, time) 

當然，這樣做的目的是稍后在整個代碼中交換對象屬性。

那么，我將如何處理文本框中的信息，然后單擊按鈕將其提交給上述功能？

小提琴http://jsfiddle.net/brendanjackson/j501hc1k/1/

Answer 1

使輸入onclick

要將此輸入輸入到函數中，您必須偵聽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="task(input_text, input_date, input_time);"

---

如何讓用戶輸入數據並將其轉換為對象？

---

調用函數時，可以根據傳入的數據創建對象，如下所示：

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
}

Answer 2

小提琴： http : //jsfiddle.net/KyleMuir/3rh4u7qu/1/

我認為這是您追求的目標：

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>";
}

另外，在此處添加了對任務對象的更有趣的用法，從學習的角度來看這可能很有用： http : //jsfiddle.net/KyleMuir/3rh4u7qu/2/