write as short and simple as possible so you can give me the whole code. you can only write the kayttoliittyma.js and not modify the other modules. apply these rules into the game(Ventti on korttipeli, jota pelataan jakajaa vastaan. Pelaaja tai pelaajat ottavat kortteja yksitellen ja yrittävät saada mahdollisimman suuren tuloksen menemättä yli pisteluvun 21 eli ventin. Erään teorian mukaan nimi on lähtöisin ranskankielisestä lukusanasta vingt-et-un eli kaksikymmentäyksi. Pistemäärän 21 ylittänyt pelaaja häviää heti. Ventin saanut voittaa suoraan, muutoin jakaja pelaa oman kätensä kun pelaajat eivät enää halua lisää kortteja.

Venttiä muistuttava peli on blackjack, joka poikkeaa ventistä siinä, että kortit pelataan avoimena. Lisäksi ventissä seuraavien korttien arvot poikkeavat blackjackin arvoista. Ventissä sotamies on 11, rouva 12, kuningas 13 ja ässä on 1 tai 14 (pelaaja valitsee kumpaa arvoa haluaa kulloinkin käyttää). Blackjackissä kaikki kuvakortit ovat kymmenen pisteen arvoisia. Ässä on 1 tai 11. Venttiä voidaan pelata myös blackjackin arvoilla. Ventin muunnelma on macao.

Kokeneet pelaajat eivät yleensä ota enempää kortteja, jos käden arvo on 17 tai suurempi.[1]).Give me the modified code with the changes. write as short and simple code as you can. kayttoliittyma.js:import { Pakka } from “./moduulit/pakka.js”;
import { Kasi } from “./moduulit/kasi.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”);

function paivitaKortit(elementit, kortit) {
for (let i = 0; i < elementit.length; i++) {
if (kortit[i]) {
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());
pelaajankasi.lisaaKortti(pakka.otaKortti());
jakajankasi.lisaaKortti(pakka.otaKortti());
paivitaKortit(pelaajaElementit, pelaajankasi.kortit);
paivitaKortit(jakajaElementit, jakajankasi.kortit);
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!”;
} else if (pelaajankasi.summa < jakajankasi.summa) {
tulos.innerHTML = “Jakaja voitti!”;
} else {
tulos.innerHTML = “Tasapeli!”;
}
}

document.getElementById(“ota-kortti”).addEventListener(“click”, () => {
pelaajankasi.lisaaKortti(pakka.otaKortti());
paivitaKortit(pelaajaElementit, pelaajankasi.kortit);
paivitaTulos();
if (pelaajankasi.summa > 21) {
tulos.innerHTML = “Jakaja voitti!”;
}
});

document.getElementById(“jaa”).addEventListener(“click”, () => {
jakajaVuoro();
});

document.getElementById(“uusi-peli”).addEventListener(“click”, () => {
pelaajankasi.kortit = [];
jakajankasi.kortit = [];
aloitaPeli();
});

aloitaPeli();