making a paragraph in html contain a text from a file

user_429249 0
Viewed 165941

I have an html paragraph (inside a div) in which I want to display a simple fixed text. The text is a bit long so I'd rather the text will be in a seperate txt file.
something like 

<div><p txt=file.txt></p></div>

Can I do something like that?

html
6 Answers

You can use a simple HTML element <embed src="file.txt"> it loads the external resource and displays it on the screen no js needed

user_100223020

Here is a javascript code I have tested successfully : 

    var txtFile = new XMLHttpRequest();
    var allText = "file not found";
    txtFile.onreadystatechange = function () {
        if (txtFile.readyState === XMLHttpRequest.DONE && txtFile.status == 200) {
            allText = txtFile.responseText;
            allText = allText.split("\n").join("<br>");
        }

        document.getElementById('txt').innerHTML = allText;
    }
    txtFile.open("GET", '/result/client.txt', true);
    txtFile.send(null);
user_35545370
Related