テキストボックスに入力した値を別のテキストボックスに代入


このような感じで複数のテキストボックスに入力した値を別の複数のテキストボックスに代入することは可能でしょうか。

[code]

    var textForm1 = document.getElementById("textForm1").value;
    
    var tf1 = document.getElementById("tf1");
    tf1.value = textForm1;
    
[/code]




> このような感じで複数のテキストボックスに入力した値を別の複数のテキストボックスに代入することは可能でしょうか。

上のコメントにも書きましたが、可能です。

できなかったと言ってる人がいるので証拠を。

以下のコードで、

[code]

    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <script type="text/javascript">
            window.addEventListener('DOMContentLoaded', () => {
                var textForm1 = document.getElementById("textForm1").value;
    
                var tf1 = document.getElementById("tf1");
                tf1.value = textForm1;
            });
        </script>
    </head>
    <body>
        <input id="textForm1" type="text" value="textForm1 の value"/>
        ⇒
        <input id="tf1" type="text" />
    </body>
    </html>
    
[/code]

結果は以下の通りとなります。

[![画像の説明をここに入力](https://i.stack.imgur.com/6CXzP.jpg)](https://i.stack.imgur.com/6CXzP.jpg)

できなかったとすると、タイミングの問題では？（JavaScript のコードが動く時は input type="text" 要素の DOM
がまだ生成されてないとか）

