Load text from local .txt file into html textarea using JavaScript

Question

I have a </code> element and a button that calls a <code>loadFile()</code> JavaScript function. I want this function to allow me to load the text from <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5408099190056760" data-ad-slot="7305827575" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>2条回答</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="111" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href=""> <img src="https://www.e-learn.cn/qa/data/avatar/000/00/01/small_000000114.jpg" alt=" 难免孤独 "> </a> <div class="fly-detail-user"> <a href="" class="fly-link"> <cite> 难免孤独</cite> </a> <span>(楼主)</span> </div> <div class="detail-hits"> <span>2020-12-11 19:32</span> </div> </div> <div class="detail-body jieda-body photos"> <p> <p>I found a old topic about this: How do I load the contents of a text file into a javascript variable?</p> <p>Have you read the last answer already? This works with a div instead of a textbox, but you could adapt the code a bit.</p> <p>In the last piece of the last commenters post you could change this line:</p> <pre><code>document.getElementById("id01").innerHTML = out; </code></pre> <p>to:</p> <pre><code>document.getElementById("textbox01").innerHTML = out; </code></pre> <p>And in your HTML:</p> <pre><code><textarea name="textbox01">Enter text here...

Result:

function loadFile() {
    var xmlhttp = new XMLHttpRequest();
    var url = "file.txt";

    xmlhttp.onreadystatechange = function() {

        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var myArr = JSON.parse(xmlhttp.responseText);
            myFunction(myArr);

            console.log("xmlhttp Request Asepted");
        }


    }

        xmlhttp.open("GET", url, true);
        xmlhttp.send();


        function myFunction(arr) {
            var out = "";
            var i;
            var row = 0;

        for(i = 0; i < arr.length; i++) {
           // console.log( arr[1].data); change data to what every you have in  your file
           // out +=  arr[i].data + '
' + arr[i].data2 ;
            document.getElementById("textbox01").innerHTML = out;

        }

    }
}