Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

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

Aktivity (1)
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  +1 25.6.2016 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:26.6.2016 9:09

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

Nahoru Odpovědět 26.6.2016 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ý: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 [email protected] 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í
+1 bodů
Řešení problému
Nahoru Odpovědět  +1 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.