如何将文本字段的值放入另一个文本字段？

Question

我的任务：创建 2 个文本区域和一个按钮，将第一个文本区域中的文本分配给歌曲的第一节当您单击按钮时，所有元音 (aeiou) 都应替换为 a，结果应为在第二个文本字段中我的代码：三个拿着低音提琴的中国人坐在街上互相交谈。然后警察过来问：“那是什么？” 三个中国人用低音提琴。快点<script>document.addEventListener('DOMContentLoaded', function () {    document.getElementById('button')        .addEventListener('click', changeVowels);    var durchlauf = 0;    function changeVowels() {        var vowels = ['a', 'e', 'i', 'o', 'u'];        var text = document.querySelector('textarea')            .innerHTML;        var ergebnis = text.replace(/[aeiou]/ig, vowels[durchlauf]);        document.querySelector('textarea')            .value = ergebnis;        if (durchlauf < (vowels.length - 1)) {            durchlauf++;        } else {            durchlauf = 0;        }    }});我的问题是，如何将第一个 textarea 的值转换为第二个。提前感谢您的帮助！

Answer 1

看看这个片段：

let durchlauf = 0;

const vowels = ['a', 'e', 'i', 'o', 'u'];

function changeVowels() {

    let text = document.querySelector('#original').value;

    const ergebnis = text.replace(/[aeiou]/ig, vowels[durchlauf]);

    document.querySelector('#edit').innerText = ergebnis;

    if (durchlauf < (vowels.length - 1))

        durchlauf++;

    else durchlauf = 0;

}

document.getElementById('button').addEventListener('click', changeVowels);

textarea {

  width: 100%;

  height: 50px;

}

<textarea id="original">Drei Chinesen mit dem Kontrabass saßen auf der Straße und erzählten sich was. Da kam die Polizei, fragt‚ Was ist denn das?‘ Drei Chinesen mit dem Kontrabass.</textarea>

<textarea id="edit"></textarea>

<button id="button">Click</button>