Konsolin käyttö JavaScriptissä

Ohjelmoijien helpottamiseksi jokaisessa selaimessa on erityinen kehittäjäpaneeli. Avataksesi tämän paneelin, sinun tulee, ollessasi sivuston sivulla, napsauttaa hiiren oikealla painikkeella mihin tahansa kohtaan. Esiin tulevasta valikosta tulee valita alin kohta (sen nimenä on Inspect tai jotain sen tapaista).

Avaamassasi paneelissa käytät pääasiassa kahta välilehteä: Elements ja Console. Ensimmäisessä välilehdessä voit saada tietoa sivun tunnisteista, ja toisessa - JavaScriptin virheenkorjaustietoa.

Selvitetään konsolin mahdollisuudet.

Erikoiskomennolla console.log voit skripteissäsi tulostaa tietoja konsoliin. Tätä käytetään, jotta voidaan harjoittaa ohjelmien virheenkorjausta.

Esimerkiksi tulostetaan jotain konsoliin:

console.log(123);

Ja nyt tulostetaan muuttujan arvo:

let num = 123;
console.log(num);

Voit tulostaa useita muuttujia peräkkäin:

let num1 = 123;
let num2 = 456;

console.log(num1);
console.log(num2);

Voit tulostaa useita muuttujia yhdellä komennolla kirjoittamalla nämä muuttujat pilkuilla erotettuna:

let num1 = 123;
let num2 = 456;
console.log(num1, num2);

Annettu muuttuja. Tulosta konsoliin sen arvo.

Annettu kolme muuttujaa. Tulosta konsoliin niiden arvot.