Prvo kreirati folder u kojem sa radi  pod nazivom fajlovi ...

  • index.html
  • podaci.txt

Koristeći šablon (!) - uneti osnovni html kod u index.html i postaviti naslov: Rad sa podacima (h1)

U fajl podaci.txt uneti nekoliko redova teksta

*******

Ispod naslova staviti dugme i paragraf u koji će se uneti učitani tekst:

<button id="btn1"> Učitaj podatke </button>
<p id="p1"></p>

Zatim korak kpo korak raditi skriptu za čitanje podataka koristeći jQuery metodu .get()

<script>
        $(document).ready(function () {
            $("#btn1").click(function(){
                $.get("podaci.txt", function(p){
                    $("#p1").text(p);
                })
            })
        });
    </script>

Napomena: ne zaboravite da u head deo dodate link ka jQuery:

<script src="https://code.jquery.com/jquery-latest.min.js"> </script>

**************************************************************

Da bi se videli prelazi između redova teksta, prepraviti da je tag PRE - za preformatirani text

<pre id="p1"></pre>

*************************************************************************************************

2. deo: Učitavanje pomoću Fetch APi - istog txt fajla:

dodati dugme za učitavanje i paragraf u kji se učitava :

<br>
<button onclick="ucitajPodatke()"> učitaj iste podatke sa Fetch API</button>
<p id="p2"></p>

zatim skriptu:

<script>
    async function ucitajPodatke() {
        let odgovor = await fetch("podaci.txt");  
        let data = await odgovor.text();  
        document.getElementById("p2").innerText = data;
    }
</script>
 

***************************************

 
Last modified: Tuesday, 20 January 2026, 3:40 PM