Nastavljiv simulator ure Word: 3 koraki

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:02

To ni ravno navodilo. Oblikujem svojo Word uro in se odločil, da najprej zgradim simulator spletne aplikacije, da bom lahko postavil mrežo in preizkusil, kako izgleda v različnih obdobjih dneva. Potem sem spoznal, da bi to lahko koristilo drugim ljudem, ki delajo na ure z besedami, in se odločil, da jih delim z drugimi.

Aplikacija je ena kratka datoteka HTML. Če ga shranite in dvokliknete nanj, se bo odprl v vašem brskalniku in začel prikazovati trenutni čas. Če se bo čas spremenil, se bo zaslon posodabljal vsakih 10 sekund.

Obstaja tudi besedilno polje, kjer lahko vnesete kadar koli in si ogledate, kako bo videti v vašem projektu.

Besedna ura vsakogar je drugačna, zato sem kodo poskušal enostavno konfigurirati. Nasvete o tem, kako to storiti, si oglejte v naslednjih nekaj korakih.

Upam, da vam bo to v pomoč! Super je, da lahko eksperimentirate z postavitvami in besedili, preden se zavežete strojni opremi!

1. korak: Prenesite datoteko HTML

Simulator je spletna aplikacija z eno datoteko. To je nekaj manj kot 200 vrstic. Lahko ga prenesete tukaj.

(Pravzaprav ni gumba za prenos datoteke v Github. Lahko pa samo izberete vsebino datoteke, jo kopirate in prilepite v novo besedilno datoteko v računalniku. Datoteko poimenujte nekaj.html.)

Ko jo naložite, dvokliknite datoteko in se bo naložila na zavihek v vašem brskalniku. V besedilni mreži bi morali videti trenutni čas.

Opomba: aplikacijo sem preizkusil samo s Chromom v sistemu Windows.

2. korak: Uredite mrežo

Lahko preizkusite različne postavitve besed, tako da uredite del Javascripta, ki izgleda takole:

var row_strs = ["TO JE", "ENA DVA TRI", "ŠTIRI PET ŠEST", "SEDEM OSAM", "DEVET DESET", "ENAJDNAJST Dvanajst", "OH PET deset", "PETNAJST DVADESET", "O'CLOCK TRIDESET", "Štirideset petdeset pet", "POPOLNEJ", "POVOČER JUTRO",];

Če dodate/izbrišete vrstice in znova naložite stran, bo mreža večja ali manjša.

Če v vsako vrstico dodate več črk, se bo mreža razširila. Prepričajte se, da imajo vse vrstice enako število črk.

Opazili boste, da imajo nizi v zgornji kodi presledke, ki pa se v mreži spremenijo v naključne znake. Nabor znakov, ki bodo naključno uporabljeni za zapolnitev teh prostorov, lahko izberete tako, da uredite vrstico, ki izgleda takole:

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

3. korak: spremenite besedilo

Če želite uporabiti različne fraze, boste morali vedeti, kako napisati kodo. Logika, ki vzame datum in ga spremeni v besede, je v funkciji, imenovani dateToSentence ().