Simulator i orës së fjalëve të konfigurueshme: 3 hapa

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:10

Kjo nuk është saktësisht një Udhëzues. Unë jam duke dizajnuar orën time Word, dhe vendosa që së pari të ndërtoj një imitues të aplikacionit në internet në mënyrë që të mund të vendos rrjetën dhe të provoj se si duket në periudha të ndryshme të ditës. Pastaj kuptova se kjo mund të ishte e dobishme për njerëzit e tjerë që punojnë në orët e fjalëve, dhe vendosa ta ndaj atë.

Aplikacioni është një skedar i vetëm i shkurtër HTML. Nëse e ruani dhe klikoni dy herë mbi të, do të hapet në shfletuesin tuaj dhe do të fillojë të shfaqë kohën aktuale. Pastaj do të azhurnojë ekranin çdo 10 sekonda nëse koha ka ndryshuar.

Ekziston gjithashtu një fushë teksti ku mund të shkruani në çdo kohë të caktuar dhe të shihni se si do të duket në projektin tuaj.

Dizajni i orës me fjalë të secilit është i ndryshëm, kështu që unë u përpoqa ta bëja kodin lehtësisht të konfigurueshëm. Shihni hapat e ardhshëm për sugjerime se si ta bëni këtë.

Shpresoj se ju duket e dobishme kjo! Greatshtë e mrekullueshme të jesh në gjendje të eksperimentosh me paraqitjet dhe formulimin para se të angazhohesh në pajisje!

Hapi 1: Shkarkoni skedarin HTML

Simulatori është një aplikacion në internet me një skedar. Justshtë pak më pak se 200 rreshta. Mund ta shkarkoni këtu.

(Nuk ka me të vërtetë një buton për të shkarkuar skedarin në Github. Por thjesht mund të zgjidhni përmbajtjen e skedarit, kopjoni dhe ngjisni në një skedar teksti të ri në kompjuterin tuaj. Sigurohuni që ta emërtoni skedarin diçka.html.)

Pasi ta keni shkarkuar, klikoni dy herë mbi skedarin dhe do të ngarkohet në një skedë në shfletuesin tuaj. Ju duhet të shihni kohën aktuale të shfaqur në një rrjet fjalësh.

Shënim: Unë e kam testuar aplikacionin vetëm duke përdorur Chrome në Windows.

Hapi 2: Redaktoni Rrjetin

Mund të provoni paraqitje të ndryshme të fjalëve duke redaktuar pjesën e Javascript që duket kështu:

var row_strs = ["ISSHT", "NJ TW DY TRE", "KATURR PESVE GJASHT" "," SHTAT TETIGH "," NINE TEN "," ELEVEN TWENVE "," OH PIVE TEN "," Pesëmbëdhjetë Njëzet "," O'CLOCK THIRTY ", "GJYKAT PEST PESI PESVE", "N THE PASDIT", "N N NES MN M E MORNGJESS",];

Nëse shtoni/fshini rreshta dhe ringarkoni faqen, rrjeti juaj do të jetë më i madh ose më i vogël.

Dhe nëse shtoni më shumë shkronja në secilën rresht, rrjeti juaj do të bëhet më i gjerë. Vetëm sigurohuni që të gjitha rreshtat të kenë të njëjtin numër shkronjash.

Ju do të vini re se vargjet në kodin e mësipërm kanë hapësira, por ato shndërrohen në karaktere të rastësishme në rrjet. Ju mund të zgjidhni grupin e karaktereve që do të përdoren rastësisht për të mbushur ato hapësira duke redaktuar rreshtin që duket kështu:

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

Hapi 3: Ndryshoni Formulimin

Ju do të duhet të dini se si të shkruani kod nëse doni të përdorni fraza të ndryshme. Logjika që merr një datë dhe e kthen atë në fjalë është në funksionin e quajtur dateToSentence ().