How do I take a text from .txt file and use it in html?

So, I did this in my html code:

<script>
    let saveFile = () => {
        const search = document.getElementById('search');
        const email = document.getElementById('email');
        const password = document.getElementById('password');
        const tel = document.getElementById('tel');
        const check = document.getElementById('check');
        
        let data = 
            'r search: ' + search.value + ' rn ' + 
            'email: ' + email.value + ' rn ' + 
            'password: ' +password.value + ' rn ' + 
            'tel: ' + tel.value + ' rn ' +
            'check: ' + check.value + ' rn ';
        
        const textToBLOB = new Blob([data], { type: 'text/plain' });
        const sFileName = 'data.txt';

        let newLink = document.createElement("a");
        newLink.download = sFileName;

        if (window.webkitURL != null) {
            newLink.href = window.webkitURL.createObjectURL(textToBLOB);
        }
        else {
            newLink.href = window.URL.createObjectURL(textToBLOB);
            newLink.style.display = "none";
            document.body.appendChild(newLink);
        }

        newLink.click(); 
    }
</script>

I am showing you this code, which takes the values from the inputs and puts them into a .txt file that is downloaded, so you see what I used. I do not know if it is needed, but just to be safe. After the .txt file with the values downloads, I want to read the text from the downloaded file into my other html code. It has no real purpose, so that is why I want to do it like this. IT IS JUST FOR FUN. That is why I want to read the text, into the html code instead just taking the values. I am just curious.