24/25.4 Primenjene informacione tehnologije 4

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

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:


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

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

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

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

<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>

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