Ikkunan koot JavaScriptissä
Seuraavat ominaisuudet sisältävät selainikkunan koot ilman vierityspalkkia:
javascriptlet w = document.documentElement.clientWidth; // leveys
let h = document.documentElement.clientHeight; // korkeus
Seuraavat ominaisuudet sisältävät vierityspalkin:
javascriptlet w = window.innerWidth; // leveys
let h = window.innerHeight; // korkeus
Kahden eri tyyppisen ominaisuuden välinen ero antaa vierityspalkin koon:
javascriptlet w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Задание 1
Painamalla nappia, tulosta ikkunan leveys ja korkeus.
Задание 2
Painamalla nappia, tarkista onko ikkunassa pystysuoraa vieritystä.
Задание 3
Painamalla nappia, tarkista onko ikkunassa vaakasuoraa vieritystä.