Väike konspekt
HTML
- <button onclick=»…»> kutsutakse JavaScripti funktsioone.
- <div> elemendid kasutatakse tulemuste kuvamiseks.
JavaScript
- Loob uue kuupäeva objekti
- Näitab kuupäeva ja kellaaja:
- toLocaleDateString() – ainult kuupäev
- toLocaleTimeString() – ainult kellaaeg
- toLocaleString() – mõlemad kokku
- arvutaSynnipaevani()
- Määratakse praegune kuupäev (tana) ja järgmine sünnipäev (synniP).
- Kui sünnipäev sellel aastal juba möödas, liidetakse sellele üks aasta juurde.
- Arvutatakse vahe millisekundites, teisendatakse päevadeks:
Tulemus kuvatakse tekstina:
«Minu sünnipäevani on jäänud: X päeva.»
Valmis töö
Aeg
function naitaKuupaevaJaKellaega() {
const now = new Date();
const kuupaev = now.toLocaleDateString();
const kellaaeg = now.toLocaleTimeString();
const kokku = now.toLocaleString();
document.getElementById(«kuupaev»).innerText = «Kuupäev: » + kuupaev;
document.getElementById(«kellaaeg»).innerText = «Kellaaeg: » + kellaaeg;
document.getElementById(«kokku»).innerText = «Kuupäev ja kellaaeg: » + kokku;
console.log(«Kuupäev:» + kuupaev);
console.log(«Kellaaeg:» + kellaaeg);
console.log(«Kuupäev ja kellaaeg:» + kokku);
}
function arvutaSynnipaevani() {
const tana = new Date();
const synniP = new Date(tana.getFullYear(), 6, 15);
if (synniP < tana) {
synniP.setFullYear(tana.getFullYear() + 1);
}
const vaheMs = synniP — tana;
const paevad = Math.ceil(vaheMs / (1000 * 60 * 60 * 24));
document.getElementById("vahe").innerText = "Minu sünnipäevani on jäänud: " + paevad + " päeva.";
document.getElementById("teade").innerText = "Minu sünnipäeva kuupäev on: 15.06"
console.log("Minu sünnipäevani on:" + paevad + "päeva");
}
#aeg-blokk h2 {
margin-top: 0;
color: #1c33ba;
}
#aeg-blokk button {
background-color: #007bff;
border: none;
color: #fff;
padding: 8px 14px;
margin: 6px 4px 14px 0;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
}
#aeg-blokk button:hover {
background-color: #0056b3;
}
This post is also available in et.
