JS-tiedosto (JavaScript)
JS on lyhenne sanasta JavaScript, joka on eri ohjelmointikieli kuin "Java". HTML, CSS ja JS usein käytetään samanaikaisesti WWW-sivua ohjelmoitaessa.
Tee ohjelmointikansioosi uusi tyhjä tiedosto nimellä "oma.js". Ota tiedosto käyttöön lisäämällä HTML-tiedostosi HEAD-lohkoon rivi:
<script src="oma.js"></script>
JS-tiedoston funktio tehdään näin:
function aika()
{
var testiLuku = 0;
var testiTXT = "Hei";
var aikaNyt = new Date();
var tunnit = aikaNyt.getHours();
var minuutit = ...
testiLuku = 2;
testiLuku = testiLuku + 1;
if(tunnit > 14)
{
document.getElementById('aikaTXT').innerHTML = 'Nyt kotiin: ' + tunnit + ":" + minuutit;
}
else if(tunnit > 11)
{
document.getElementById('aikaTXT').innerHTML = 'Nyt on iltapäivä: ' + tunnit + ":" + minuutit;
}
else if(tunnit < 12)
{
document.getElementById('aikaTXT').innerHTML = 'Nyt on aamu: ' + tunnit + ":" + minuutit;
}
}
Funktion koodin selitys:
Funtion nimi voi olla haluamasi. Funktion sisällä muuttujia luodaan komennolla "var", jonka jälkeen kirjoitetaan muuttujan nimi. Muuttujaan voi sijoittaa tekstiä sekä lukuja. JS automaattisesti huomaa onko muuttujassa luku vai tekstiä, luvuilla voi tehdä matemaattisia laskutoimituksia kuten aika() esimerkin testiLuku muuttujalla tehdään. Muuttujien sisällön voi tulostaa JS-koodilla näytölle haluttuun kohtaan ID-nimen avulla aika() esimerkin komennolla document.getElementById(...).innerHTML.
IF-ehtolauseella voi valita mitä tehdään eri tilanteissa ja jos mukana on IF ELSE, se tarkoittaa että vaihtoehdoista vain yksi valitaan ja vaihtoehtoja testataan ylhäältä alaspäin järjestyksessä.
Date objektin avulla saa haettua senhetkiseen aikaan liittyviä asioita. Kaikki Daten funktiot löytyy WWW-sivulta JavaScript Date Reference (w3schools.com)
Tee ohjelmointikansioosi uusi tyhjä tiedosto nimellä "oma.js". Ota tiedosto käyttöön lisäämällä HTML-tiedostosi HEAD-lohkoon rivi:
<script src="oma.js"></script>
JS-tiedoston funktio tehdään näin:
function aika()
{
var testiLuku = 0;
var testiTXT = "Hei";
var aikaNyt = new Date();
var tunnit = aikaNyt.getHours();
var minuutit = ...
testiLuku = 2;
testiLuku = testiLuku + 1;
if(tunnit > 14)
{
document.getElementById('aikaTXT').innerHTML = 'Nyt kotiin: ' + tunnit + ":" + minuutit;
}
else if(tunnit > 11)
{
document.getElementById('aikaTXT').innerHTML = 'Nyt on iltapäivä: ' + tunnit + ":" + minuutit;
}
else if(tunnit < 12)
{
document.getElementById('aikaTXT').innerHTML = 'Nyt on aamu: ' + tunnit + ":" + minuutit;
}
}
Funktion koodin selitys:
Funtion nimi voi olla haluamasi. Funktion sisällä muuttujia luodaan komennolla "var", jonka jälkeen kirjoitetaan muuttujan nimi. Muuttujaan voi sijoittaa tekstiä sekä lukuja. JS automaattisesti huomaa onko muuttujassa luku vai tekstiä, luvuilla voi tehdä matemaattisia laskutoimituksia kuten aika() esimerkin testiLuku muuttujalla tehdään. Muuttujien sisällön voi tulostaa JS-koodilla näytölle haluttuun kohtaan ID-nimen avulla aika() esimerkin komennolla document.getElementById(...).innerHTML.
IF-ehtolauseella voi valita mitä tehdään eri tilanteissa ja jos mukana on IF ELSE, se tarkoittaa että vaihtoehdoista vain yksi valitaan ja vaihtoehtoja testataan ylhäältä alaspäin järjestyksessä.
Date objektin avulla saa haettua senhetkiseen aikaan liittyviä asioita. Kaikki Daten funktiot löytyy WWW-sivulta JavaScript Date Reference (w3schools.com)