数组不使用控制台日志返回任何值。
数组不使用控制台日志返回任何值。
提问于 2021-05-21 18:12:50
我正在尝试创建一个程序，可以在单词中对中间字母(即除单词中的第一个字母和最后一个字母以外的所有字母)进行洗牌。我正在尝试从一个字符串中提取单词，该字符串被粘贴到我的HTML文档中的文本区域中，并从它们中创建一个数组。从那以后，我将弄清楚如何使洗牌工作--但现在我的问题如下：
const text = document.getElementById('textfield');
const textstring = JSON.stringify(text);
document.querySelector('form.input-form').addEventListener('submit', function (e) {
e.preventDefault();
console.log(text.value);
var a1 = new Array();
a1 = textstring.split(' ');
console.log(a1);
}); <!doctype html>
<html>
<head>
<title>omrokering af bogstaver</title>
<meta charset="utf-8">
</head>
<body id="body">
<form class="input-form">
<input id="textfield" type="text" placeholder="Paste text" />
<button type="submit">omrokér</button>
</form>
<script type="text/javascript" src="omrokering.js"></script>
</body>
</html>
我可以成功地将代码从表单中提取出来，但是当我尝试记录数组的内容(我尝试了许多不同的方法)时，它会打印如下：(1)在输入文本区域之后，在控制台日志中打印“{}”。当我使用这个警报函数时：
if(textstring !== null){alert(null);}它返回"null"，所以我假设数组是空的，并且将字符串从表单中拖到数组中有问题。
我是个初学者，所以如果你能给我一个很好的解释和一个解决方案，我会非常感激的，谢谢！
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-05-21 18:19:53
unnecessary.
type="text/javascript"也是不必要的，因为这是default.
<input /><- Don't bother with self-terminated syntax.
const text = document.getElementById('textfield');
document.querySelector('form.input-form').addEventListener('submit', function (e) {
e.preventDefault();
console.log(text.value);
var a1 = text.value.split(' ');
console.log(a1);
});<form class="input-form">
<input id="textfield" type="text" placeholder="Paste text">
<button type="submit">omrokér</button>
</form>
<script src="omrokering.js"></script>
Stack Overflow用户
发布于 2021-05-21 18:28:23
删除不必要的textstring，不要使用stringify()，因为它已经是一个字符串；只使用text element，您已经使用了console.log()。
const text = document.getElementById('textfield');
document.querySelector('form.input-form').addEventListener('submit', function (e) {
e.preventDefault();
console.log(text.value);
console.log(text.value.split(' '));
});<!doctype html>
<html>
<head>
<title>omrokering af bogstaver</title>
<meta charset="utf-8">
</head>
<body id="body">
<form class="input-form">
<input id="textfield" type="text" placeholder="Paste text" />
<button type="submit">omrokér</button>
</form>
<script type="text/javascript" src="omrokering.js"></script>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67642024
复制相关文章
相似问题
腾讯云开发者
