Diskuze: jQuery - formulářový výpočet do formulářového prvku
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
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č
+20 Zkušeností
+2,50 Kč
Zobrazeno 9 zpráv z 9.