以数组形式获取 TextArea 输入值，并使用 Javascript forEach 循环 console.log 中的值答案

【问题标题】：Get TextArea Input Value in form of array and forEach loop the value in console.log Using Javascript以数组形式获取 TextArea 输入值，并使用 Javascript forEach 循环 console.log 中的值
【发布时间】：2023-01-27 23:01:33
【问题描述】：

function someSample() {
    let textAreaTag = document.getElementById('textAreaId');
    let textAreaVal = textAreaTag.value;
    let textAreaSplit = textAreaVal.split('');
    
    textAreaTag.addEventListener('input', () => {
        textAreaSplit.forEach((val, ind) => {
            console.log(val);
        });
    }); 
}   

someSample();

在textarea输入字段上，所以首先我在textarea中键入任何文本时给了一个addEventListener，文本区域文本的值应该得到forEach Loop并且循环数组应该显示在console.log中..但是现在循环数组显示空白或不明确的。

【问题讨论】：

标签： javascript arrays foreach textarea addeventlistener

【解决方案1】：

您需要做的就是移动 2 行代码。

someSample 正在获取文本区域的初始值，它将是一个空字符串。然后它添加了一个事件侦听器，每次文本区域中的输入更改时都会触发该事件侦听器。问题是您没有在每次输入更改时更新 textAreaVal，而只是使用初始的空字符串。在输入更改时，您需要获取值、拆分值，然后循环。 someSample 应该是这样的：

function someSample() {
    let textAreaTag = document.getElementById('textAreaId');
    
    textAreaTag.addEventListener('input', () => {
        let textAreaVal = textAreaTag.value;
        let textAreaSplit = textAreaVal.split('');
        textAreaSplit.forEach((val, ind) => {
            console.log(val);
        });
    }); 
}

【讨论】：