Diskuze: Kalkulačka

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Tomáš Prokop

Člen

Tomáš Prokop:20.5.2016 23:03

Zdravím, začínám se učit těmto věcem a chtěl bych se zeptat, jestli na tento kód máte nějaké výhradné poznámky, že by se dalo něco udělat lépe či prostě jednodušeji, určitě si rád přečtu vaše názory na to a příjmu kritiku. Po nějakém tom učení základů a tak jsem si řekl, že zkusím udělat něco, co dává už nějaký zajímavý výsledek a rozhodl jsem se pro kalkulačku.

Je mi jasné, že udělat nějaké rozvržení toho, kde má co být by bylo lepší pomocí stylů a ne, že jsem to takhle oddělal pomocí tagu < br / >, to chápu, ale teď mi nejde zrovna o tohle.

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title>Kalkulacka</title>

  </head>
  <body>
    <form id="form1">
    <h1>Kalkulačka</h1>
    První číslo: <input type="text" id="tabulka1" size="5"><br />
    Druhý číslo: <input type="text" id="tabulka2" size="5"><br />
    Výsledek: <input type="text" id="vysledek" size="5"><br />
    </form>

    <form>
    <input type="button" id="tlacitko" value="Vypočítat">
    <br />
    <br />
    <input type="button" id="vynulovac" value="Vynulovat">
    <br />
    <br />
    Výběr akce:<br />
    <input name="zvolit" type="radio" id="plus"> Sčítání<br />
    <input name="zvolit" type="radio" id="minus"> Odčítání<br />
    <input name="zvolit" type="radio" id="krat"> Násobení<br />
    <input name="zvolit" type="radio" id="deleno"> Dělení<br />
    </form>

    <script>
      var tabulka1 = document.getElementById("tabulka1");
      var tabulka2 = document.getElementById("tabulka2");
      var tlacitko = document.getElementById("tlacitko");
      var vysledek = document.getElementById("vysledek");
      var vynulovac = document.getElementById("vynulovac");
      var scitani = document.getElementById("plus");
      var odcitani = document.getElementById("minus");
      var nasobeni = document.getElementById("krat");
      var deleni = document.getElementById("deleno");

      vynulovac.onclick = function reset() {
        document.getElementById("form1").reset();
      }

      scitani.onfocus = function() {
        tlacitko.onclick = function() {
          vysledek.value = parseInt(tabulka1.value) + parseInt(tabulka2.value);
        }
      }

      odcitani.onfocus = function() {
        tlacitko.onclick = function() {
          vysledek.value = parseInt(tabulka1.value) - parseInt(tabulka2.value);
        }
      }

      nasobeni.onfocus = function() {
        tlacitko.onclick = function() {
          vysledek.value = parseInt(tabulka1.value) * parseInt(tabulka2.value);
        }
      }

      deleni.onfocus = function() {
        tlacitko.onclick = function() {
          vysledek.value = parseInt(tabulka1.value) / parseInt(tabulka2.value);
        }
      }
    </script>
  </body>
</html>

Předem se omlouvám, jestli jsem příspěvek dal na špatné místo, v tomto se zrovna nějak moc neorientuji, protože jsem žádný takový topic ještě nezakládal.

Odpovědět

20.5.2016 23:03

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.

Nejčastěji vyhledáváné

Diskuze: Kalkulačka