ITV0110 2. töö 2017: javascript ja css - Redigeerimiste ajalugu

Martinv: Eemaldatud muudatus 14793, mille tegi Martinv (arutelu)

2018-09-18T12:39:08Z

Eemaldatud muudatus 14793, mille tegi Martinv (arutelu)

Näita muudatusi

Martinv – 18. september 2018, kell 12:35

2018-09-18T12:35:29Z

Näita muudatusi

Tammet – 14. september 2017, kell 11:19

2017-09-14T11:19:15Z

←Vanem redaktsioon		Redaktsioon: 14. september 2017, kell 13:19
113. rida:		113. rida:
	-->		-->

	== Soovitusi javascripti osas ==		== Soovitusi javascripti osas ja kasulikke näiteid ==

	Kuidas käiku teha? Tee iga ruut kas tabeli elemendina või div-na (viimane on keerulisem) ja pane sinna nupule [http://www.w3schools.com/jsref/event_onclick.asp onclick atribuudina] javascripti call, mis kutsub välja käigutegemise funktsiooni näiteks nii:		Kuidas käiku teha? Tee iga ruut kas tabeli elemendina või div-na (viimane on keerulisem) ja pane sinna nupule [http://www.w3schools.com/jsref/event_onclick.asp onclick atribuudina] javascripti call, mis kutsub välja käigutegemise funktsiooni näiteks nii:

Tammet: /* Detailid */

2017-09-14T11:16:45Z

Detailid

←Vanem redaktsioon		Redaktsioon: 14. september 2017, kell 13:16
31. rida:		31. rida:
	Laua disaini ära tee klassikalise pseudo-3d ja varjudega, vaid lihtsalt joontest ruudustikuna.		Laua disaini ära tee klassikalise pseudo-3d ja varjudega, vaid lihtsalt joontest ruudustikuna.

	Lisaks laua kuvamisele arvuta välja pommide massiiv, paigutades N pommi juhuslikult laiali.		Lisaks laua kuvamisele arvuta välja pommide massiiv, paigutades N pommi juhuslikult laiali (selle kohta leiad all näitekoodi).

	Kui kasutaja vajutab mõnele laua ruudule (avab ruudu) siis:		Kui kasutaja vajutab mõnele laua ruudule (avab ruudu) siis:
37. rida:		37. rida:
	* Kontrolli, kas kõik pommivabad ruudud on avatud, ja kui jah, siis näita kasutajale, et ta on võitnud.		* Kontrolli, kas kõik pommivabad ruudud on avatud, ja kui jah, siis näita kasutajale, et ta on võitnud.
	* Vastasel juhul (normaalolukord) tee järgmist:		* Vastasel juhul (normaalolukord) tee järgmist:
	** märgi avatud ruut näiteks teise taustavärviga, rehkenda kokku avatud ruudu kõrvalruutudel olevate pommide arv ning kuva see avatud ruudu sisse. Kõrvalruutusid on ruudul kokku 8, kui ta pole just laua äärel.		** märgi avatud ruut näiteks teise taustavärviga, rehkenda kokku avatud ruudu kõrvalruutudel olevate pommide arv ning kuva see avatud ruudu sisse. Kõrvalruutusid on ruudul kokku 8, kui ta pole just laua äärel. Kõrvalruutude leidmiseks leiad all näitekoodi.
	** kui avatud ruudu sisse kirjutati nullist suurem arv, on käik lõppenud ja oota uut käiku. Ainult avatud ruut sai sel juhul numbri.		** kui avatud ruudu sisse kirjutati nullist suurem arv, on käik lõppenud ja oota uut käiku. Ainult avatud ruut sai sel juhul numbri.
	** kui avatud ruudu sisse kirjutati 0, siis rehkenda kokku naaberruutudel olevate pommide arvud ja kuva iga naaberrudu sisse. Iga naaberruut saab seega numbri, aga ta ei ole märgitud avatuks,		** kui avatud ruudu sisse kirjutati 0, siis rehkenda kokku naaberruutudel olevate pommide arvud ja kuva iga naaberrudu sisse. Iga naaberruut saab seega numbri, aga ta ei ole märgitud avatuks,

Tammet – 14. september 2017, kell 11:15

2017-09-14T11:15:21Z

←Vanem redaktsioon		Redaktsioon: 14. september 2017, kell 13:15
7. rida:		7. rida:
	Loe kõigepealt läbi ülevaade [https://en.wikipedia.org/wiki/Minesweeper_(video_game) wikipediast] ja mängi katseks [https://birrell.org/andrew/minesweeper/ seda varianti ] ja [http://minesweeperonline.com/ seda varianti].		Loe kõigepealt läbi ülevaade [https://en.wikipedia.org/wiki/Minesweeper_(video_game) wikipediast] ja mängi katseks [https://birrell.org/andrew/minesweeper/ seda varianti ] ja [http://minesweeperonline.com/ seda varianti].

	Valmis töö tuleb riputada üles ülikooli serverisse dijkstra ~~(vaata altpoolt)~~. Ehk, arvestatakse ainult dijkstra-s olevaid töid.		Valmis töö tuleb riputada üles ülikooli serverisse dijkstra sinu kataloogi prax2 alla. Ehk, arvestatakse ainult dijkstra-s olevaid töid.

	Selles praksis teed arvuti vastu mängimise variandi, aga kolmandas praktikumis tuleb samale mängule lisada serveripoolset funktsionaalsust, näiteks tulemuste salvestamine ja vaatamine ja statistika, pooliku mängu salvestamine ja hilisem jätkamine ja samuti mäng kahe inimese vahel, mis toimub siis serverirakenduse vahendusel.		Selles praksis teed arvuti vastu mängimise variandi, aga kolmandas praktikumis tuleb samale mängule lisada serveripoolset funktsionaalsust, näiteks tulemuste salvestamine ja vaatamine ja statistika, pooliku mängu salvestamine ja hilisem jätkamine ja samuti mäng kahe inimese vahel, mis toimub siis serverirakenduse vahendusel.

Tammet: /* Detailid */

2017-09-14T11:12:34Z

Detailid

←Vanem redaktsioon		Redaktsioon: 14. september 2017, kell 13:12
39. rida:		39. rida:
	** märgi avatud ruut näiteks teise taustavärviga, rehkenda kokku avatud ruudu kõrvalruutudel olevate pommide arv ning kuva see avatud ruudu sisse. Kõrvalruutusid on ruudul kokku 8, kui ta pole just laua äärel.		** märgi avatud ruut näiteks teise taustavärviga, rehkenda kokku avatud ruudu kõrvalruutudel olevate pommide arv ning kuva see avatud ruudu sisse. Kõrvalruutusid on ruudul kokku 8, kui ta pole just laua äärel.
	** kui avatud ruudu sisse kirjutati nullist suurem arv, on käik lõppenud ja oota uut käiku. Ainult avatud ruut sai sel juhul numbri.		** kui avatud ruudu sisse kirjutati nullist suurem arv, on käik lõppenud ja oota uut käiku. Ainult avatud ruut sai sel juhul numbri.
	** kui avatud ruudu sisse kirjutati 0, siis rehkenda kokku naaberruutudel olevate pommide arvud ja kuva iga naaberrudu sisse. Iga naaberruut saab seega numbri.		** kui avatud ruudu sisse kirjutati 0, siis rehkenda kokku naaberruutudel olevate pommide arvud ja kuva iga naaberrudu sisse. Iga naaberruut saab seega numbri, aga ta ei ole märgitud avatuks,

	NB! Järgmised lihtsustused on rangelt nõutud, st nende tavafeatuuride tegemine on keelatud:		NB! Järgmised lihtsustused on rangelt nõutud, st nende tavafeatuuride tegemine on keelatud:

Tammet: /* Detailid */

2017-09-14T11:11:45Z

Detailid

←Vanem redaktsioon		Redaktsioon: 14. september 2017, kell 13:11
37. rida:		37. rida:
	* Kontrolli, kas kõik pommivabad ruudud on avatud, ja kui jah, siis näita kasutajale, et ta on võitnud.		* Kontrolli, kas kõik pommivabad ruudud on avatud, ja kui jah, siis näita kasutajale, et ta on võitnud.
	* Vastasel juhul (normaalolukord) tee järgmist:		* Vastasel juhul (normaalolukord) tee järgmist:
	** rehkenda kokku avatud ruudu kõrvalruutudel olevate pommide arv ja kuva see avatud ruudu sisse. Kõrvalruutusid on ruudul kokku 8, kui ta pole just laua äärel.		** märgi avatud ruut näiteks teise taustavärviga, rehkenda kokku avatud ruudu kõrvalruutudel olevate pommide arv ning kuva see avatud ruudu sisse. Kõrvalruutusid on ruudul kokku 8, kui ta pole just laua äärel.
	** kui avatud ruudu sisse kirjutati nullist suurem arv, on käik lõppenud ja oota uut käiku. Ainult avatud ruut sai sel juhul numbri.		** kui avatud ruudu sisse kirjutati nullist suurem arv, on käik lõppenud ja oota uut käiku. Ainult avatud ruut sai sel juhul numbri.
	** kui avatud ruudu sisse kirjutati 0, siis rehkenda kokku naaberruutudel olevate pommide arvud ja kuva iga naaberrudu sisse. Iga naaberruut saab seega numbri.		** kui avatud ruudu sisse kirjutati 0, siis rehkenda kokku naaberruutudel olevate pommide arvud ja kuva iga naaberrudu sisse. Iga naaberruut saab seega numbri.

Tammet: /* Detailid */

2017-09-14T11:10:04Z

Detailid

←Vanem redaktsioon		Redaktsioon: 14. september 2017, kell 13:10
35. rida:		35. rida:
	Kui kasutaja vajutab mõnele laua ruudule (avab ruudu) siis:		Kui kasutaja vajutab mõnele laua ruudule (avab ruudu) siis:
	* Kontrolli, kas tabati pommi, ja kui, siis näita kasutajale, et ta on kaotanud.		* Kontrolli, kas tabati pommi, ja kui, siis näita kasutajale, et ta on kaotanud.
	* Kontrolli, kas kõik ruudud on avatud, ja kui jah, siis näita kasutajale, et ta on võitnud.		* Kontrolli, kas kõik pommivabad ruudud on avatud, ja kui jah, siis näita kasutajale, et ta on võitnud.
	* Vastasel juhul (normaalolukord) tee järgmist:		* Vastasel juhul (normaalolukord) tee järgmist:
	** rehkenda kokku avatud ruudu kõrvalruutudel olevate pommide arv ja kuva see avatud ruudu sisse. Kõrvalruutusid on ruudul kokku 8, kui ta pole just laua äärel.		** rehkenda kokku avatud ruudu kõrvalruutudel olevate pommide arv ja kuva see avatud ruudu sisse. Kõrvalruutusid on ruudul kokku 8, kui ta pole just laua äärel.

Tammet: /* Soovitusi javascripti osas */

2017-09-14T11:07:30Z

Soovitusi javascripti osas

←Vanem redaktsioon		Redaktsioon: 14. september 2017, kell 13:07
131. rida:		131. rida:
	Üks esimesi asju, mida su javascripti kood peaks tegema, on pommide paigutamine massiivi, näiteks nii: pommivaba element on 0 ja pommiga 1 ja inimese poolt klikatud (pommivaba) ruut on 2.		Üks esimesi asju, mida su javascripti kood peaks tegema, on pommide paigutamine massiivi, näiteks nii: pommivaba element on 0 ja pommiga 1 ja inimese poolt klikatud (pommivaba) ruut on 2.

	Tasub teada, et javascripti massiivid on erinevad java ja pythoni massiividest: nad on korraga nagu listid või javascripti [http://www.w3schools.com/js/js_objects.asp objektid] ehk võti-väärtus hashid, neis võivad olla augud ja neid võib suurendada käigu pealt, nö ette valmis tegemata. Mh on kõik array elemendid objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].		Tasub teada, et [http://www.w3schools.com/js/js_arrays.asp javascripti massiivid] on erinevad java ja pythoni massiividest: nad on korraga nagu listid või javascripti [http://www.w3schools.com/js/js_objects.asp objektid] ehk võti-väärtus hashid, neis võivad olla augud ja neid võib suurendada käigu pealt, nö ette valmis tegemata. Mh on kõik array elemendid objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].
	Sul võib olla huvitav vaadata array meetodeid ~~[http://www.w3schools.com/js/js_arrays.asp siit] ja~~ [http://www.w3schools.com/jsref/jsref_obj_array.asp siit]		Sul võib olla huvitav vaadata array meetodeid [http://www.w3schools.com/jsref/jsref_obj_array.asp siit]

	Mitmemõõtmelise massiivi saad teha ja sinna väärtusi anda näiteks nii:		Mitmemõõtmelise massiivi saad teha ja sinna väärtusi anda näiteks nii:

Tammet: /* Soovitusi javascripti osas */

2017-09-14T11:06:45Z

Soovitusi javascripti osas

←Vanem redaktsioon		Redaktsioon: 14. september 2017, kell 13:06
129. rida:		129. rida:
	Ruudul võiks olla <b>class</b> et kujundust kergesti muuta. Samas saab klassi/stiili anda ka nö üldisemalt tabeli td elementidele (või vastavalt div-dele).		Ruudul võiks olla <b>class</b> et kujundust kergesti muuta. Samas saab klassi/stiili anda ka nö üldisemalt tabeli td elementidele (või vastavalt div-dele).

	Üks esimesi asju, mida su javascripti kood peaks tegema, on pommide paigutamine massiivi, näiteks nii: pommivaba element on 0 ja pommiga 1.		Üks esimesi asju, mida su javascripti kood peaks tegema, on pommide paigutamine massiivi, näiteks nii: pommivaba element on 0 ja pommiga 1 ja inimese poolt klikatud (pommivaba) ruut on 2.

	Tasub teada, et javascripti massiivid on erinevad java ja pythoni massiividest: nad on korraga nagu listid või javascripti [http://www.w3schools.com/js/js_objects.asp objektid] ehk võti-väärtus hashid, neis võivad olla augud ja neid võib suurendada käigu pealt, nö ette valmis tegemata. Mh on kõik array elemendid objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].		Tasub teada, et javascripti massiivid on erinevad java ja pythoni massiividest: nad on korraga nagu listid või javascripti [http://www.w3schools.com/js/js_objects.asp objektid] ehk võti-väärtus hashid, neis võivad olla augud ja neid võib suurendada käigu pealt, nö ette valmis tegemata. Mh on kõik array elemendid objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].