当我运行一个函数来尝试计算文本区域中的单词数时，该函数不运行

问题描述 投票：0回答：1

我有一个计算文本区域框中单词数的函数（用 html 编写），但是当我尝试运行该函数时，尽管是 javascript 或 html，但它无法运行。我是 javascript 新手，所以我可能会遗漏一些明显的东西。

我尝试在我的 html 文件中使用 

onkeyup
，但它没有运行该函数，当我在 js 文件中尝试它时，它也没有运行。这是我的js：

let textarea = document.getElementById("myWordsToCount").innerHTML;
textarea.onkeyup = function () {
    let words = document.getElementById("myWordsToCount").value;
    let count = 0;
    let split = words.split(' ');
    for (let i = 0; i < split.length; i++) {
        if (split[i] != "") {
            count += 1;
        }
    }
    count = document.getElementById("wordcount").value;
}

这是文本区域的 HTML：

<p><textarea id="myWordsToCount" onkeyup="textarea()" rows="5" cols="60"></textarea><br>
javascript html textarea counting
1个回答
0
投票
textarea = function () { 
   
    let words = document.getElementById("myWordsToCount").value;
    let count = 0;
    let split = words.split(' ');
    for (let i = 0; i < split.length; i++) {
        if (split[i] != "") {
            count += 1;
        }
    }
     document.getElementById("wordcount").value = count; // input.value <- count putting the result in inputs value 
}
   // html :
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
    
        <p><textarea id="myWordsToCount" onkeyup="textarea()" rows="5" cols="60"></textarea><br>
            <input type="text" id="wordcount">
    </body>
    <script src="./test.js"></script>
    </html>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.