» Poradna » Web a internet

HTML, Javascript kalkulačka

 |   |  Microsoft Windows Vista Chrome 49.0.2623.112

Dobrý den, jsem začínající programátor, současně se věnující HTML, CSS, Javascriptu, PHP. Programuju kalkulačku a snažím se přijít, na co nejjednodušší způsob, jak ji naprogramovat. Chtěl bych využít toho, že po napsaní příkladu do document.write (); se příklad vypočítá. Můj současný kod: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator"> <title>Kalkulačka</title> <style> #hodnota1 { height: 75px; width: 550px; background-color: #99b3ff; font-size: 250%; } .vypocitat { background-color: blue; color: white; width: 549px; height: 30px; text-align: center; display: inline-block; font-size: 14px; float: left; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } .vypocitat:hover { background-color:#1E90FF; color:#ffffff; } #output { height: 75px; width: 550px; background-color: #99b3ff; font-size: 250%; } #nog { color: gray; font-size: 80%; border-top: 1px solid silver; } </style> <script> function Calculate() {document.write(document.getElementById("hodnota1").value); } </script> </head> <body> <table align="center"> <tr><td> <input type="text" id="hodnota1" name="hodnota1"> </td></tr><tr><td> <input type="button" value="Vypočítat" id="vypocitat" class="vypocitat" onClick="Calculate()"> </td></tr> </table> <p id="NOG" align="center">Vojta "Nogard" Hronek</p> </body></html>Myslel jsem, že pokud z inputu přivedu data do document.write tak, že se příklad vypočítá, ale tomu tak není, příklad se napíše v té podobě, jak ho napíšete do inputu. Je nějaká možnost, jak naprogramovat kalkulačka na tomto "enginu" ?

Odpovědi na otázku

 |   |  Microsoft Windows 10 Chrome 60.0.3112.101

https://www.w3schools.com/jsref/jsref_eval.aspJen by mě zajímalo, co se z toho chceš naučit, když vlastně neděláš nic sám.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows Vista Chrome 49.0.2623.112

Co jsem podle tebe z toho neudělal sám ? Celý jsem to psal sám, vždyť tam nic složitého ani nemám !

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 60.0.3112.101

Z programování tam nemáš nic vlastního. Tvorba HTML a CSS není programování.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 63.0.3239.84

nic zloziteho tam sice nie je, ale mas tam napriklad: <meta name="generator"> co by mohlo napovedat,ze si to robil v nejakom HTML generatore alebo WYSIWYG nastroji ako je DreamWeaver, FrontPage a podobne; dalej v CSS mas kombinaciu anglictiny a cestiny co by mohlo napovedat,ze si to odniekal len copy/paste a zmenil len co si potreboval alebo ten kod bol vygenerovany a ty si urobil podla seba. Kodovanie pouzivas windows-1250, co je stare kodovanie, dnes sa pouziva (skoro) vyhradne UTF-8 a nepuziva sa zapis <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ale iba <!DOCTYPE HTML>. Preto si myslime,ze to uplne nie je tvoje dielo, ale v zasade to nicom nevadi. Je ale lepsie ked si to napises sam od "gruntu" aspon sa lepsie naucis semantiku.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 62.0.3202.94

function Calculate() {a = eval(document.getElementById("hodnota1").value)document.write(a);}

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows Vista Chrome 49.0.2623.112

Zkoušel jsem, ale to nefunguje, vypíše mi to jen javascript kod.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 60.0.3112.101

Tak to děláš něco špatně.https://jsfiddle.net/g8uosvsh/

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows Vista Chrome 49.0.2623.112

hmmm divné, divné, čím by to jen mohlo být ?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows Vista Chrome 49.0.2623.112

Joo, už to funguje, udělal jsem tam chybu, díky moc :D

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 62.0.3202.94

Ahoj,proč neposíláš kód takhle ? - https://codepen.io/hans999cz/pen/goYzKdJinak nevím, kde se to učíš, ale děláš to strašně zastarale. Charset s hodnotou 1250 se už nepoužívá, minimálně pro české weby (máme utf-8). Dále atribut <style> je už taky zastaralý, mnohem lepší je stylovat v samostatném .css souboru. Ono je všeobecně dobré mít ke každýmu jazyku vlastní soubor, na HTML máš .html, na CSS máš .css, na Javascript máš .js, na preprocesory máš .scss, apod. Není v tom takový bordel a mnohem lépe se to upravuje.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows Vista Chrome 49.0.2623.112

Na programování HTML, CSS, JS, PHP požívám PSPAD a ano, uvědomuji si, že tento program je celkem dost zastaralý. Mám Win Vistu, takže co se týče nejnovějších programů na kodování, tak mám smůlu. Pokud tedy znáte nějaký novodobý program na úpravu těchto jazyků i s zabudovaným prohlížečem, s podporou Win Vista, tak budu rád, když mi nějaký doporučíte. Díky

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: W3C, Kalkulačka, HTML, Příklad, Meta, Head, Začínající programátor, Nejjednodušší způsob, Generator


Určitě si přečtěte

Co všechno se spouští se startem Windows a proč by vás to mělo zajímat

Co všechno se spouští se startem Windows a proč by vás to mělo zajímat

** Společně s operačním systémem se spouští řada aplikací a služeb ** Mohou mít negativní dopad na celkovou dobu startu Windows ** Jak získat kontrolu nad automaticky spouštěnými programy?

Karel Kilián | 57

10 mýtů a polopravd o bateriích, kterým možná ještě věříte

10 mýtů a polopravd o bateriích, kterým možná ještě věříte

** Kolem baterií a akumulátorů koluje řada mýtů, nepravd a polopravd ** Dnes vám devět z nich zkusíme vyvrátit na základě faktů ** Většina z nich totiž neplatí pro moderní lithiové baterie

Karel Kilián, David Polesný | 99

Antivir zdarma: 8 bezplatných řešení, která zatočí s havětí v počítači

Antivir zdarma: 8 bezplatných řešení, která zatočí s havětí v počítači

** Součástí Windows 10 je integrovaný antivirový program. Stačí to? ** Představíme vám sedm aplikací na boj proti virům a malwaru ** Všechny jsou k dispozici zdarma a některé ani nemusíte instalovat

Karel Kilián | 31

Podívejte se, jak vypadá mikrofon nebo blecha pod elektronovým mikroskopem

Podívejte se, jak vypadá mikrofon nebo blecha pod elektronovým mikroskopem

** Z Brna pochází třetina světové produkce elektronových mikroskopů ** První československý kus vyrobila Tesla už v 50. letech ** Dnes na ni navazuje třeba brněnský Tescan

Jakub Čížek | 19

HTTPS byl pouze první krok. Chrome zavádí DoH, tedy šifrované DNS. Dopady mohou být obrovské

HTTPS byl pouze první krok. Chrome zavádí DoH, tedy šifrované DNS. Dopady mohou být obrovské

** Šifrovaný web je dnes už samozřejmost ** Jeden díl skládačky ale ještě chybí – DNS ** Firefox už začal a teď se na šifrované DNS chystá i Chrome

Jakub Čížek | 96

Pozor, na Česko v těchto dnech útočí falešné Tesco, Penny Market a Lidl

Pozor, na Česko v těchto dnech útočí falešné Tesco, Penny Market a Lidl

** Máme tu další českou phishingovou vlnu ** Podle průzkumů máme stále problém s kybernetickou gramotností ** Nebezpečím jsou děti, které opouštějí rodiče

Jakub Čížek | 34


Aktuální číslo časopisu Computer

Megatest: 20 powerbank s USB-C

Test: mobily do 3 500 Kč

Radíme s výběrem routeru

Tipy na nejlepší vánoční dárky