![](/img/trans.png)
[英]Getting 'TypeError: Cannot read property '0' of undefined' when attempting to get a piece of data from MediaWiki API
[英]Getting undefined when attempting to get user input
在下面的代碼筆中,我試圖從輸入字段中獲取文本。 然后我試圖從該數據創建一個 object。 即使我在我的事件偵聽器中返回它,我也沒有為 userData 定義。
class Name {
constructor(name) {
this.name = name;
}
}
const getUserData = (function() {
let userInput = document.getElementById('name').value;
return { name: userInput};
})();
document.getElementById("btn").addEventListener("click", function (event) {
event.preventDefault();
const userData = getUserData();
});
console.log(userData);
const nameObj = new Name(userData);
console.log(nameObj);
class Name { constructor(name) { this.name = name; } } const getUserData = function() { let userInput = document.getElementById('name').value; return { name: userInput}; }; document.getElementById("btn").addEventListener("click", function (event) { event.preventDefault(); const userData = getUserData(); console.log(userData); const nameObj = new Name(userData); console.log(nameObj); });
#btn { height: 30px; width: 100px; background-color: blue; color: white; text-align: center; display: flex; justify-content: center; align-items: center; margin-top: 5px; }.form-container { padding: 10px; }
<form id="test-form"> <div class="form-container"> <input id="name" type="name" name="name" placeholder="type your name here"> <div id="btn">Click Me</div> </div> </form>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.