问数组不使用控制台日志返回任何值。
EN

Stack Overflow用户

提问于 2021-05-21 10:12:50

回答 2查看 103关注 0票数 0

我正在尝试创建一个程序，可以在单词中对中间字母(即除单词中的第一个字母和最后一个字母以外的所有字母)进行洗牌。我正在尝试从一个字符串中提取单词，该字符串被粘贴到我的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"，所以我假设数组是空的，并且将字符串从表单中拖到数组中有问题。

我是个初学者，所以如果你能给我一个很好的解释和一个解决方案，我会非常感激的，谢谢！

javascript

html

arrays

腾讯云会员中心

加入腾讯云会员，每月可领会员专属优惠券；会员云产品免费体验；云产品会员专享价；会员签到抽奖…

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-05-21 10: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>

票数 1

Stack Overflow用户

发布于 2021-05-21 10: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>