Javascrip témakörök Adattárolás témakörei

Adatok tárolása. 202

Adatok tárolása állandókban és változókban.


Mikor változó, és mikor állandó az adattároló.

Megjegyzés:
Programok elvárják, hogy az újonnan létrehozandó adattárolónkat definiáljuk, azaz bevezessük a "var" kulcsszóval.
Minden utasítás végén, pontosvesszőt alkalmazunk.
(Nem kötelező a pontosvessző, ha új sort kezdünk az ENTER leütésével, de alkalmazása ajánlott minden utasítás végére, és így biztos, hogy nem hibázunk programunk megírásánál.
Valamint a kódok, részünkről is egyértelműebbek és világosabbak)

Példa, állandó adattárolóra:
Elhelyezünk kettő, állandó adattárolót.
- Az a nevű állandó számot tartalmaz.
- A b nevű állandó, karakterláncot (szöveget) tartalmaz.

Frissítsük a böngészőnket, és láthatjuk, hogy minden frissítést követően, ugyanazon érték jelenik meg, azaz nem változik.

  
<script   language="JavaScript"  type="text/javascript"> 
var a = 10;
var b = "Az a nevű állandó értéke: ";
document.write(b);
document.write(a);
</script>

Fenti programunk eredménye:


Példa, változó adattárolóra:
Készítünk egy idő, azaz, ékezet nélkül "ido" elnevezésű változót, azaz adattárolót.
Ebbe helyezi el programunk, a JavaScript beépített Date objektumát, mely a dátumot és időpontot kezeli.

Frissítsük a böngészőnket, és láthatjuk, hogy minden frissítést követően más és más érték jelenik meg.

  
<script   language="JavaScript"  type="text/javascript"> 
ido = new Date ( );
document.write(ido);
</script>

Fenti programunk eredménye:


Most, további két adattárolót, azaz változót is elhelyezünk a programunkban.
- localtime és az utctime néven
- Első a jelenlegi dátumot, második az univerzális megfelelőjét tartalmazza.

<script   language="JavaScript"  type="text/javascript"> 
ido = new Date ( );
localtime = ido.toString ( );
utctime = ido.toGMTString ( );
</script>

Elértünk oda, hogy elkészült a programunk, de ebből még semmit sem látunk.
Készítünk egy kimenetet, hogy weboldalunkon látható legyen, mit is csináltunk.

A JavaScript, több lehetőséget is biztosít arra, hogy az általunk készített program megjelenjen weblapunkon.
Ezek egyike a dokument.write utasítás, mely számot, számokat, szöveget, karakterláncot, vagy más adatot jelenít meg programunkból.
Az általunk megjelenítendő szöveget vastagabb karakterekkel jelöljük ki. Erre alkalmazzuk a kezdő <b> és záró </b> címkéket.

Megjegyzés:
Mi a string: A localtime és az utctime változók valójában szöveget tartalmaznak, (2009. június 26. 17.45 ) az ilyen szövegeket, karakterláncoknak, azaz string-nek nevezzük.

Kiíratás elkészítése:
A zöld és kék színnel jelölt szövegrészek helyett, tetszőleges szavakat (ékezet nélkül) írhatunk.
A piros háttérszínnel jelölt részeket, nem módosíthatjuk.

<script   language="JavaScript"  type="text/javascript"> 
ido = new Date ( );
localtime = ido.toString ( );
utctime = ido.toGMTString ( );

document.write ("<b>Local time:</b>" + localtime + "<br />" ) ;
document.write ("<b>UTC time: </b> " + utctime ) ;
</script>

Programunk megjelenése weboldalunkon

 


 

 

 

További példák!

Fenti programunkat megírhatjuk, így is.

idő helyett írjuk, persze vessző nélkül, azaz ido
localtime helyett, valós idő, azaz valosido
utctime helyett, univerzális idő, azaz univerzalisido

<script  language="JavaScript"  type="text/javascript">
ido = new Date ( );
valosido = ido.toString ( );
univerzalisido = ido.toGMTString ( );

document.write ("<b>Pontos idő, a saját számítógépeden:</b> " + valosido + "<br />" ) ;
document.write ("<b>Pontos idő, a kezdő délkörnél, London Greenwich kerületében:</b> " + univerzalisido ) ;
</script>

A pontos idő tekintetében végeredmény ugyan az, csak a kezdő szöveg változot meg, mert, ezt írtuk be.

Megjegyzés:
Valós idő = azzal az idővel, melyet a saját számítógépeden alapértelmezésként beállítottál.
Ebből következik, hogy mindenkinél az a valós idő, melyet a saját gépén, alapértelmezésként beállít, azaz nem biztos, hogy az én gépemen is annyi az idő, mint nálad.
Jelenleg ott tartunk, hogy programunk azon időt mutatja, mikor az oldalra beléptünk, vagy az oldalt frissítjük, de még nem ketyeg.
Az ehhez hasonló egyszerű programokat, a HTML fájlban is megírhatjuk, de javasolt a külön HTML és JavaScript fájlok készítése.

 


 

Most csak az órát, percet, és másodpercet jelenítjük meg

Megjegyzés:
Date (); a JavaScript beépített objektuma. Dátumok és időpontok kezelésére használhatjuk
Következő utasítások, a JavaScript beépített függvényei:
toString (); A jelenlegi dátumot tartalmazza (localtime)
toGMTString (); A jelenlegi dátum univerzális megfelelőjét tartalmazza (utctime)

getHours (); Az óra függvénye
getMinutes (); A perc függvénye
getSeconds (); A másodperc függvénye

 

<script language="JavaScript" type="text/javascript">
ido = new Date ( );

ora = ido.getHours();
perc = ido.getMinutes ();
masodperc = ido.getSeconds ();

document.write ("<b>Óra:</b> " + ora + "<br />" ) ;
document.write ("<b>Perc:</b> " + perc + "<br />") ;
document.write ("<b>Másodperc:</b> " + masodperc ) ;
</script>

Megjelenése weboldalon, azaz a monitoron:

 


 

Az idő megjelenítésére, több lehetőségünk is van.

Az idő megjelenítése, attól függ, hogy a document.write zárójelei között, milyen meghatározásokat, azaz utasításokat írunk.
A betűk és számok nagyságát is meghatározhatjuk.
Nézzünk néhány példát.

Az óra, digitális formátumának megjelenítése:

<p>
<script language="JavaScript" type="text/javascript">
ido = new Date ();
ora = ido.getHours();
perc = ido.getMinutes ();
masodperc = ido.getSeconds ();
document.write (ora + ":" + perc + ":" + masodperc) ;
</script>
</p>

Megjelenése weboldalon, azaz a monitoron:

 


 

Nagyítsuk ki a digitális óránkat.
Erre a célra, html dokumentumban alkalmazott címsorok valamelyikének címkéjét alkalmazzuk.
A következő példában, <h3> címsorra jellemző címkét alkalmazunk.

<p>
<script language="JavaScript" type="text/javascript">
ido = new Date ();
ora = ido.getHours();
perc = ido.getMinutes ();
masodperc = ido.getSeconds ();
document.write ("<h3>");
document.write (ora + ":" + perc + ":" + masodperc) ;
document.write ("</h3>");
</script>
</p>

Megjelenése weboldalon, azaz a monitoron:

 


 

Jelenítsük meg a teljes programunkat, dátumot és időt is.

<p>
<script language="JavaScript" type="text/javascript">
ido = new Date ();
valosido = ido.toString ( );
univerzalisido = ido.toGMTString ( );
document.write ("<b>Dátum a saját számítógépeden:</b> " + valosido + "<br />" ) ;
document.write ("<b>Dátum a kezdő délkörnél, London Greenwich kerületében:</b> " + univerzalisido ) ;
ora = ido.getHours();
perc = ido.getMinutes ();
masodperc = ido.getSeconds ();
document.write ("<h3>");
document.write (ora + ":" + perc + ":" + masodperc) ;
document.write ("</h3>");
</script>
</p>

Megjelenése weboldalon, azaz a monitoron:

 


 

A digitális óra megjelenítését, megírhatjuk így is:

<p>
<script language="JavaScript" type="text/javascript">
ido = new Date ();
valosido = ido.toString ( );
univerzalisido = ido.toGMTString ( );
document.write ("<b>Dátum a saját számítógépeden:</b> " + valosido + "<br />" ) ;
document.write ("<b>Dátum a kezdő délkörnél, London Greenwich kerületében:</b> " + univerzalisido ) ;
ora = ido.getHours();
perc = ido.getMinutes ();
masodperc = ido.getSeconds ();
document.write ("<h3>" + ora + ":" + perc + ":" + masodperc + "</h3>") ;
</script>
</p>

Megjelenése weboldalon, azaz a monitoron:

 


 

Rövid összefoglaló:

HTML elemeket is használhatunk, mert a JavaScript kiíratása, azaz kimenete egy weboldalon jelenik meg.
A HTML elemeket idézőjelek között kell elhelyezni.
A megjelenítendő érték egyetlen mondatként, azaz karakterláncban jelenjen meg, a megjelenítendő szöveg és a JavaScript változói, azaz adattárolói közé plusz (+) jelet, kell elhelyezni.

Példa: Sárag háttérszínnel jelölt részek, HTML elemek

document.write ("<b>Dátum a saját számítógépeden:</b> " + valosido + "<br />" ) ;
document.write ("<b>Dátum a kezdő délkörnél, London Greenwich kerületében:</b> " + univerzalisido) ;
document.write ("<h3>" + ora + ":" + perc + ":" + masodperc + "</h3>") ;

 

Date (); a JavaScript beépített objektuma. Dátumok és időpontok kezelésére használhatjuk

Következő utasítások, a JavaScript alapvető egységei, azaz beépített függvényei, melyek egyetlen műveletet hajtanak végre:
toString (); A jelenlegi dátumot tartalmazza (localtime)
toGMTString (); A jelenlegi dátum univerzális megfelelőjét tartalmazza (utctime)

getHours (); Az óra függvénye
getMinutes (); A perc függvénye
getSeconds (); A másodperc függvénye
getMilliseconds (); Az ezredmásodpercek függvénye

 

 

 

Vissza a lap elejére