我对JavaScript相当陌生，并且试图在单击框退出时将输入字段中的文本添加到本地存储中。我已经设法让它保存键和字段，但数据返回为未定义。请告诉我为什么。
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>My Erehwon Diary ZX141632</title>
<meta name="author" content="Stephen Rice" />
<!-- Set viewport to ensure this page scales correctly on mobile devices -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="tma03.css" />
<!-- Set demo data -->
<script src="tma03-demo.js"></script>
<!-- Start TMA03 application -->
<script src="tma03.js"></script>
</head>
<body>
<h1>My Erehwon Diary ZX141632</h1>
<main>
<section id="text" class="button">
<button type="button">Add entry</button>
</section>
<section id="image" class="button">
<button type="button">Add photo</button>
<input type="file" accept="image/*" />
</section>
</main>
</body>
</html>
function addTextEntry(key, text, isNewEntry) {
var textareaElement = document.createElement("textarea");
textareaElement.rows = 5;
textareaElement.placeholder = "(new entry)";
textareaElement.value = text;
addSection(key, textareaElement);
if (isNewEntry) {
textareaElement.focus();
}
function saveEntry() {
var textArea = document.getElementById("text").value;
var item = makeItem("text", Text);
localStorage.setItem(key, item);
}
textareaElement.addEventListener('change', saveEntry);
}
问题是Text确实未定义，您可以做的是:
var textArea = document.getElementById("text").value;
var item = makeItem("text", textArea);