javascript - あるテキストエリアから別のテキストエリアに入力を渡す方法は?

Question

JS の学習を再開したばかりで、アプリの作成中にこの問題に遭遇しました。

1 つのテキストエリアから出力される 2 番目のテキストエリアに入力を渡すことができません。出力時にテキストを大文字にしたい。w3からコードを変更しようとしましたが、ボタンをなくして見栄えを良くしたいです。

私が達成したいこと:

1. ユーザーが入力に何かを書き込みます
2. 彼のテキストは出力にコピーされ、大文字に変更されます

HTML

    <h3>INPUT</h3>
    <textarea id="inputText" placeholder="input" cols="70" rows="10" wrap="on"></textarea>
    <h3>OUTPUT</h3>
    <textarea id="outputText" placeholder="output" cols="70" rows="10" wrap="on" readonly></textarea>

JS

document.getElementById("inputText") = str;
var res = str.toUpperCase();
document.getElementById("outputText").innerHTML = res;