mae it so it announces who, wins, losses or tie after the jakaja has shown all his cards instead oif it announcining even before the jakaja has shown his cards. write shrot and simople code i have to replace in my code or implement. onlymwrite the code i have to replace or implementimport { Pakka } from "./moduulit/pakka.js";
import { Kasi } from "./moduulit/kasi.js";
import { Maa } from "./moduulit/maa.js";

const pelaajankasi = Kasi.luoKasi();
const jakajankasi = Kasi.luoKasi();
const pakka = Pakka.luoPakka();

const pelaajaElementit = document.querySelectorAll("#pelaajan-kortit > .kortti");
const jakajaElementit = document.querySelectorAll("#jakajan-kortit > .kortti");
const tulos = document.getElementById("tulos");
const otaKorttiButton = document.getElementById("ota-kortti");
const jaaButton = document.getElementById("jaa");
const uusiPeliButton = document.getElementById("uusi-peli");

function paivitaKortit(elementit, kortit) {
  for (let i = 0; i < elementit.length; i++) {
    if (kortit[i]) {
      // Delay card display for jakaja
      if (elementit === jakajaElementit) {
        setTimeout(() => {
          elementit[i].innerHTML = kortit[i].toString();
          if (kortit[i].maa.vari === "punainen") {
            elementit[i].classList.add("punainen");
            elementit[i].classList.remove("musta");
          } else {
            elementit[i].classList.add("musta");
            elementit[i].classList.remove("punainen");
          }
        }, 500 * (i + 1));
      } else {
        elementit[i].innerHTML = kortit[i].toString();
        if (kortit[i].maa.vari === "punainen") {
          elementit[i].classList.add("punainen");
          elementit[i].classList.remove("musta");
        } else {
          elementit[i].classList.add("musta");
          elementit[i].classList.remove("punainen");
        }
      }
    } else {
      elementit[i].innerHTML = "";
      elementit[i].classList.remove("musta");
      elementit[i].classList.remove("punainen");
    }
  }
}

function paivitaTulos() {
  tulos.innerHTML = `Pelaajan summa: ${pelaajankasi.summa} | Jakajan summa: ${jakajankasi.summa}`;
}

function aloitaPeli() {
  pakka.sekoita();
  pelaajankasi.lisaaKortti(pakka.otaKortti());
  jakajankasi.lisaaKortti(pakka.otaKortti());
  paivitaKortit(pelaajaElementit, pelaajankasi.kortit);
  paivitaKortit(jakajaElementit, [jakajankasi.kortit[0], null]);
  paivitaTulos();
}

function jakajaVuoro() {
  while (jakajankasi.summa < 17) {
    jakajankasi.lisaaKortti(pakka.otaKortti());
  }
  paivitaKortit(jakajaElementit, jakajankasi.kortit);
  paivitaTulos();
  if (jakajankasi.summa > 21 || pelaajankasi.summa > jakajankasi.summa) {
    tulos.innerHTML = `Pelaaja voitti! Pelaajan summa: ${pelaajankasi.summa} | Jakajan summa: ${jakajankasi.summa}`;
  } else if (pelaajankasi.summa < jakajankasi.summa) {
    tulos.innerHTML = `Jakaja voitti! Pelaajan summa: ${pelaajankasi.summa} | Jakajan summa: ${jakajankasi.summa}`;
  } else {
    tulos.innerHTML = `Tasapeli! Pelaajan summa: ${pelaajankasi.summa} | Jakajan summa: ${jakajankasi.summa}`;
  }
  otaKorttiButton.disabled = true;
  jaaButton.disabled = true;
  uusiPeliButton.disabled = false;
}

otaKorttiButton.addEventListener("click", () => {
  pelaajankasi.lisaaKortti(pakka.otaKortti());
  paivitaKortit(pelaajaElementit, pelaajankasi.kortit);
  paivitaTulos();
  if (pelaajankasi.summa > 21) {
    tulos.innerHTML = `Hävisit! Pelaajan summa: ${pelaajankasi.summa} | Jakajan summa: ${jakajankasi.summa}`;
    otaKorttiButton.disabled = true;
    jaaButton.disabled = true;
    uusiPeliButton.disabled = false;
  }
});

jaaButton.addEventListener("click", () => {
  paivitaKortit(jakajaElementit, jakajankasi.kortit);
  jaaButton.disabled = true; // Disable the jaa button
  jakajaVuoro();
});

uusiPeliButton.addEventListener("click", () => {
  window.location.reload();
});

aloitaPeli();