将textarea值附加到现有数组javascript

I've a textarea consisting of 30 rows. I want to display the following array elements onto this textarea and add more elements to the textarea. After that, I want to append the added elements to the same array again. The array is given below:

我有一个由30行组成的textarea。我想在这个textarea上显示以下数组元素,并向textarea添加更多元素。之后,我想再次将添加的元素追加到同一个数组中。数组如下:

var words = ['Starbucks', 'Coffee', 'Tea', 'Chai', 'Milk Tea', 'Mocha', 'Drink', 'Smoothy', 'Milk', 'Cappuccino'];

var words = [''Starbucks','Coffee','Tea','Chai','Milk Tea','Mocha','Drink','Smoothy','Milk','Cappuccino'];

How can I accomplish this task? I'm in the learning process of Javascript and I need help with this part for my ongoing research project. If anybody can help me or give me valuable suggestions for accomplishing this, I'd be really grateful.

我怎样才能完成这项任务?我正处于Javascript的学习过程中,我需要帮助我完成正在进行的研究项目。如果有人可以帮助我或者为我提供有价值的建议,我将非常感激。

By the way, I'd tried using Array.join() method but it didn't work for me.

顺便说一下,我尝试使用Array.join()方法,但它对我不起作用。

1 个解决方案

#1

this should work, if i understand what you need ;)

这应该工作,如果我明白你需要的;)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>words</title>

</head>
<body>

<label for="wordList">words</label>
<textarea id="wordList"></textarea>
<br />
<button onclick="loadFromArray();">Load from array</button>
<button onclick="saveToArray();">Save textarea to array</button>

    <script>
        var words = ['Starbucks', 'Coffee', 'Tea', 'Chai', 'Milk Tea', 'Mocha', 'Drink', 'Smoothy', 'Milk', 'Cappuccino'];
        console.log('initials words = %o', words);

        function loadFromArray() {
            document.getElementById('wordList').value = words.join('\n');
            console.log('loading words %o into textarea', words);
        }

        function saveToArray() {
            words = document.getElementById('wordList').value.split('\n');
            console.log('saving words %o from textarea', words);
        }
    </script>
</body>
</html>

1 个解决方案

#1

更多相关文章

随机推荐