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

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

Avatar
František Petko:

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. června 15:19
Avatar
Libor Šimo (libcosenior):

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

Nahoru Odpovědět  +1 25. června 16:58
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na František Petko
Jiří Gracík:

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

Nahoru Odpovědět 26. června 9:09
Creating websites is awesome till you see the result in another browser ...
Avatar
Jan Vargovský
Redaktor
Avatar
Odpovídá na František Petko
Jan Vargovský:

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

 
Nahoru Odpovědět 26. června 14:48
Avatar
Odpovídá na František Petko
Libor Šimo (libcosenior):

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. června 8:35
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
František Petko:

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. června 14:08
Avatar
Odpovídá na František Petko
Libor Šimo (libcosenior):

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. června 18:58
Nahoru Odpovědět 27. června 18:58
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Odpovídá na Libor Šimo (libcosenior)
Libor Šimo (libcosenior):

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í
+1 bodů
Řešení problému
Nahoru Odpovědět  +1 28. června 7:36
Aj tisícmíľová cesta musí začať jednoduchým krokom.
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.