Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: jQuery - formulářový výpočet do formulářového prvku

Aktivity
Avatar
František Petko:25.6.2016 15:19

Zdravím, mám menší problém se jQuery skriptem ... jedná se o výpočet z dvou formulářových polí do dalšího formulářového pole. Díky za případnou pomoc.

<script>
            $("#boj").click(function(){
            var uc= $("#uc").val());
            var oc= $("#oc").val());
            var vys= oc - uc;
            $("#vys_b").val(vys);
 });
</script>
 
Odpovědět
25.6.2016 15:19
Avatar
Libor Šimo (libcosenior):25.6.2016 16:58

Nema tam byt
.on('click', function() {
......
?

Nahoru Odpovědět
25.6.2016 16:58
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Odpovídá na František Petko
Neaktivní uživatel:26.6.2016 9:09

Opět jako vždy - co říká developer console?

Nahoru Odpovědět
26.6.2016 9:09
Neaktivní uživatelský účet
Avatar
Jan Vargovský
Tvůrce
Avatar
Odpovídá na František Petko
Jan Vargovský:26.6.2016 14:48

Nadbytečné závorky u uc a oc?

 
Nahoru Odpovědět
26.6.2016 14:48
Avatar
Odpovídá na František Petko
Libor Šimo (libcosenior):27.6.2016 8:35

Nakoniec tam je chyba len v nadbytočných zátvorkách, o čom písal Jan Vargovský.

$("#boj").click(function(){
    var uc= $("#uc").val();
    var oc= $("#oc").val();
    var vys= oc - uc;
    $("#vys_b").val(vys);
});
Nahoru Odpovědět
27.6.2016 8:35
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
František Petko:27.6.2016 14:08

Chybu jsem opravil, ale vypsání výpočtu stále nefunguje. Kdyby někdo chtěl nahlídnout, tak kód je zde : http://www.itnetwork.cz/dev-lighter/754

 
Nahoru Odpovědět
27.6.2016 14:08
Avatar
Odpovídá na František Petko
Libor Šimo (libcosenior):27.6.2016 18:58

V druhom scripte m@as tu istu chybu so zatvorkami.
Otvor tu stranku, stlac klavesu f12, dolu sa ti otvori okno, kde vyber console.
Vypise ti chyby a riadky kde su.
Ked vsetky odstranis, malo by to ist.
Stci aby bola v scripte jedna chyba, nepojde to.

Editováno 27.6.2016 18:58
Nahoru Odpovědět
27.6.2016 18:58
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Odpovídá na Libor Šimo (libcosenior)
Libor Šimo (libcosenior):28.6.2016 7:36

Scripty zásadne dávam do zložky js a samostatného súboru.
script.js

$(function() {
    $("#boj").click(function(){
        var uc= $("#uc").val();
        var oc= $("#oc").val();
        var vys= oc - uc;
        $("#vys_b").val(vys);
    });

    $("#schopnost").click(function(){
        var sance= $("#sance").val();
        var podminky= $("#pb").val();
        var final_sance= sance + podminky;
        var uspech= Math.floor((Math.random() * 100) + 1);
        var vys_s;

        if(final_sance <= uspech){
            if(final_sance % 10 == 0 ){
                vys_s= 'Absolutní úspěch';
            }
            else{
                vys_s= 'Úspěch';
            }
        }
        else{
             if(final_sance % 10 == 0){
                 vys_s= 'Fatální neúspěch';
             }
             else{
                 vys_s= 'Neúspěch';
             }
        }
        $("#vys_s").val(vys_s);
    });
});

index.html

<!DOCTYPE html>
<html lang='cs'>
  <head>
    <title>DrD Workbench</title>
    <meta charset='utf-8'>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
  </head>
  <body>

<div class="container">
  <h2>Boj</h2>
  <form class="form-inline" role="form">
    <div class="form-group">
      <label for="uuc">Útočníkovo ÚČ:</label>
      <input type="text" id="uc" class="form-control"  placeholder="Zadej útočníkovo ÚČ">
    </div>
    <div class="form-group">
      <label for="ooc">Obránce OČ:</label>
      <input type="text" id="oc" class="form-control" placeholder="Zadej obránce Oč">
    </div>
    <div class="form-group">
      <label for="vb">Výsledek boje</label>
      <input type="text" class="form-control" id="vys_b">
    </div>

    <button type="button" id="boj" class="btn btn-default">Vyhodnoť</button>
    <h2>Schopnosti</h2>
        <div class="form-group">
      <label for="sch">Schopnost v %</label>
      <input type="text" id="sance" class="form-control"  placeholder="Zadej schopnost v %">
    </div>
    <div class="form-group">
      <label for="pwd">Postih/bonus</label>
      <input type="text" id="pb" class="form-control" placeholder="Zadej postih/bonus">
    </div>
    <div class="form-group">
      <label for="pwd">Výsledek schopnosti</label>
      <input type="text" class="form-control" id="vys_s">
    </div>

    <button type="button" id="schopnost" class="btn btn-default">Vyhodnoť</button>
  </form>
</div>

  </body>
</html>

ešte si niekde stiahni súbor "jquery.js" a tiež ho umiestni do zožky js.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
28.6.2016 7:36
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Odpovídá na Libor Šimo (libcosenior)
František Petko:28.6.2016 9:19

Díky za pomoc. Skript funguje :)

 
Nahoru Odpovědět
28.6.2016 9:19
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 9 zpráv z 9.