我試圖將函式setData(物件)的輸出保存到陣列(state=[])中,但不知道如何。這是代碼:
const sbmt = document.getElementById("myForm");
const elName = document.getElementById("iname");
const elGender = document.getElementById("igender");
const elAge = document.getElementById("iage");
const elForm = document.getElementById("myForm");
const setData = (event) => {
event.preventDefault();
let nodeList = document.forms[0].elements;
let flatNodeList = [...nodeList].map(x => x.value).filter(x => x !== "Submit");
let objData = {
userName: flatNodeList[0],
userGender: flatNodeList[1],
userAge: flatNodeList[2]
};
console.log(objData);
return objData;
};
let state =[];
const resetForm = () => elForm.reset();
sbmt.addEventListener("submit", setData);
sbmt.addEventListener("submit", resetForm);
uj5u.com熱心網友回復:
您基本上只需要將資料推送到您的state陣列中。回傳物件不會有任何影響。
let state =[];
const setData = (event) => {
event.preventDefault();
let nodeList = document.forms[0].elements;
let flatNodeList = [...nodeList].map(x => x.value).filter(x => x !== "Submit");
let objData = {
userName: flatNodeList[0],
userGender: flatNodeList[1],
userAge: flatNodeList[2]
};
console.log(objData);
state.push(objData);
};
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/416959.html
標籤:
上一篇:單擊按鈕三下后如何激活新功能
