Kuupäeva ja kellaaja kuvamine JavaScriptiga

Tulemused kuvatakse siia…

Väike konspekt: Kuupäev + Kellaaeg JS abil

HTML:

  • <button> — nupp, millele vajutamisel käivitatakse funktsioon.
  • onclick="kuvaKuupaev()" — ütleb, millist JS funktsiooni jooksutada.
  • <div id="output"> — kohta kuvatakse tulemus.

Kuupäeva kuvamine

Loob uue kuupäeva objekti:

const tana = new Date();

Vormindab eestikeelses formaadis:

tana.toLocaleDateString("et-EE");
tana.toLocaleTimeString("et-EE");

Kirjutab HTML elemendi sisse:

document.getElementById("output").innerHTML = `&lt;strong>Ainult kuupäev:&lt;/strong> ... `;

funktsioon kuvaSunnipaev()

Arvutab mitu päeva / tundi / minutit on järgmise sünnipäevani.

Sünnipäeva määramine:

const sunnipaev = new Date(new Date().getFullYear(), 3, 15);

Kui selle aasta sünnipäev juba möödas → liidab 1 aasta juurde.

Arvutab vahe millisekundites, teisendab:

  • päevadeks
  • tundideks
  • minutiteks

ja väljastab HTML output div-i sisse:

output.innerHTML = `&lt;strong>Minu sünnipäevani on:&lt;/strong>&lt;br>${paevad} päeva, ${tunnid} tundi ja ${minutid} minutit`