Check out the

Program


let visible = true;
function toggleTable() {  
    const table = document.getElementById(“studentTable”);
       const button = document.querySelector(“button”);

 if (visible) {
         table.style.display = “none”;
      button.textContent = “Prikaži tabelu”;
    } else {
     
        table.style.display = “table”; // “table” je važno da bi se CSS stilovi tabele primenili
       
        button.textContent = “Sakrij tabelu”;
    }
visible = !visible;
}



document.getElementById(“prijavaForm”).addEventListener(“submit”, function(e){
    e.preventDefault();

   
    const smer = document.getElementById(“smer”).value;
    const rok = document.getElementById(“rok”).value;

   
    if(smer === “” || rok === “”) {
        alert(“Molimo izaberite smer i konkursni rok!”);
    } else {
       
        alert(“Prijava uspešno poslata!\nSmer: ” + smer + “\nKonkursni rok: ” + rok);
    }
});



const canvas = document.getElementById(“myCanvas”); // uzima canvas element po ID-u
const ctx = canvas.getContext(“2d”); // 2D kontekst za crtanje


ctx.beginPath();


ctx.arc(canvas.width / 2, canvas.height / 2, 50, 0, 2 * Math.PI);


ctx.fillStyle = “pink”;
ctx.fill();

ctx.stroke();

let broj = 10; // definisanje promenljive

function resenje() {
    let rezultat = broj * 2;
    document.getElementById(“jsTask”).innerHTML =
        “Promenljiva broj = ” + broj + “<br>Rezultat broj*2 = ” + rezultat;
}


let student = {
    ime: “Milos”,
    prezime: “Petrović”,
    indeks: “25/25/001”,
    status: “budžet” // može biti “budžet” ili “samofinansiranje”
};


function prikaziStudenta() {
    const info = `Ime: ${student.ime} ${student.prezime} <br> Indeks: ${student.indeks} <br> Status: ${student.status}`;
    document.getElementById(“studentObj”).innerHTML = info;
}


function promeniStatus() {
    student.status = (student.status === “budžet”) ? “samofinansiranje” : “budžet”;
    prikaziStudenta();
}

prikaziStudenta();



function dodajBrojeve() {
    let a = 5;
    let b = 7;
    let suma = a + b;
    document.getElementById(“cardResult”).innerHTML = “Rezultat: ” + suma;
}


function prikaziDatum() {
    const now = new Date(); // trenutni datum i vreme
    document.getElementById(“datumVreme”).innerHTML = now.toLocaleString(); // prikaz u lokalnom formatu
}

let studenti = [];

let tamnaTema = false;


const forma = document.getElementById(“forma”);

const lista = document.getElementById(“lista”);

const poruka = document.getElementById(“poruka”);


const ctx = document.getElementById(“grafikon”);


let chart = new Chart(ctx, {
    type: ‘bar’,
    data: {
        labels: [],
        datasets: [{
            label: ‘Bodovi’,
            data: [],      
            backgroundColor:’#ff4081′
        }]
    }
});


forma.addEventListener(“submit”, function(e) {
   
    e.preventDefault();

   
    let ime = document.getElementById(“ime”).value;
    let bodovi = Number(document.getElementById(“bodovi”).value);

 
    let student = {
        ime: ime,
        bodovi: bodovi
    };

   
    studenti.push(student);

   
    azuriraj();

   
    forma.reset();
});


function azuriraj() {
   
    lista.innerHTML = “”;


    chart.data.labels = [];
    chart.data.datasets[0].data = [];

   
    studenti.forEach(s => {
       
        lista.innerHTML += `<li>${s.ime} – ${s.bodovi} bodova</li>`;

   
        chart.data.labels.push(s.ime);

       
        chart.data.datasets[0].data.push(s.bodovi);
    });

   
    chart.update();
}


function resetuj() {
 
    studenti = [];

   
    azuriraj();
}




function stampajTabelu() {
    const tabela = document.querySelector(“.table-section table”).outerHTML;
    const noviProzor = window.open(“”, “”, “width=600,height=400”);
    noviProzor.document.write(“<html><head><title>Štampa tabele</title></head><body>”);
    noviProzor.document.write(tabela);
    noviProzor.document.write(“</body></html>”);
    noviProzor.document.close();
    noviProzor.print();
}

document.getElementById(“prijavaForm”).addEventListener(“submit”, function(e){
    e.preventDefault();

   
    const ime = document.getElementById(“ime”).value;
    const prezime = document.getElementById(“prezime”).value;
    const smer = document.getElementById(“smer”).value;

 
    const nivo = document.querySelector(‘input[name=”nivo”]:checked’).value;

   
    document.getElementById(“formResult”).innerHTML=
        `Student ${ime} ${prezime} prijavljen za smer: ${smer}, nivo: ${nivo}`;
    this.reset();
});



function promeniKarticu() {
   
    document.getElementById(“cardTitle”).innerHTML=
        “Pedagoški fakultet u Somboru je državni fakultet koji radi u sastavu Univerziteta u Novom Sadu.”;

    document.getElementById(“cardText”).innerHTML =
        fakultet.naziv + ” – godina ” + fakultet.godina;
}

Flair
Cocktails

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fermentum urna vitae aliquet laoreet. In hac habitasse platea dictumst. Fusce semper arcu sed velit dapibus, sit amet ultricies nulla ullamcorper. Donec vestibulum convallis feugiat. Donec non dui turpis. Suspendisse a sem ac diam venenatis luctus id vel lacus. Mauris quis massa commodo, consectetur orci at, vulputate sapien.

Haloween
Treats

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fermentum urna vitae aliquet laoreet. In hac habitasse platea dictumst. Fusce semper arcu sed velit dapibus, sit amet ultricies nulla ullamcorper. Donec vestibulum convallis feugiat. Donec non dui turpis. Suspendisse a sem ac diam venenatis luctus id vel lacus. Mauris quis massa commodo, consectetur orci at, vulputate sapien.​

Ghost
Dance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fermentum urna vitae aliquet laoreet. In hac habitasse platea dictumst. Fusce semper arcu sed velit dapibus, sit amet ultricies nulla ullamcorper. Donec vestibulum convallis feugiat. Donec non dui turpis. Suspendisse a sem ac diam venenatis luctus id vel lacus. Mauris quis massa commodo, consectetur orci at, vulputate sapien.

Scary
Activities

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fermentum urna vitae aliquet laoreet. In hac habitasse platea dictumst. Fusce semper arcu sed velit dapibus, sit amet ultricies nulla ullamcorper. Donec vestibulum convallis feugiat. Donec non dui turpis. Suspendisse a sem ac diam venenatis luctus id vel lacus. Mauris quis massa commodo, consectetur orci at, vulputate sapien.​

Newsletter

Subscribe