jq 石头人 真实 伤害 计算器

闲来无事，用jq瞎编的计算器，填入相应数值

<pre name="code" class="html"><script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
<style>
*{
margin:0px;
}
input,select,button,div{
width:100%;
height:10%;
font-size:36px;
}
</style>
<input type="text" class="ap" value="法术强度"onfocus="if (value =='法术强度'){value =''}"onblur="if (value ==''){value='法术强度'}">
<input type="text" class="sr" value="魔法抗性"onfocus="if (value =='魔法抗性'){value =''}"onblur="if (value ==''){value='魔法抗性'}">
<input type="text" class="ar" value="护甲"onfocus="if (value =='护甲'){value =''}"onblur="if (value ==''){value='护甲'}">
<select class="q">
<option value="70">QLevel 0</option>
<option value="120">QLevel 1</option>
<option value="170">QLevel 2</option>
<option value="220">QLevel 3</option>
<option value="270">QLevel 4</option>
</select>
<select class="e">
<option value="60">ELevel 0</option>
<option value="100">ELevel 1</option>
<option value="140">ELevel 2</option>
<option value="180">ELevel 3</option>
<option value="220">ELevel 4</option>
</select>
<select class="r">
<option value="200">RLevel 0</option>
<option value="300">RLevel 1</option>
<option value="400">RLevel 2</option>
</select>
<button>click</button>
<div class="result"></div>
<script>

$('button').click(
function(){
var sr=_sr('.sr');
var q=_q('.q','.ap');
var e=_e('.e','.ar','.ap');
var r=_r('.r','.ap');
var qSkill=(q*(1-sr)).toFixed(0);
var eSkill=(e*(1-sr)).toFixed(0);
var rSkill=(r*(1-sr)).toFixed(0);
var allSkill=((q+e+r)*(1-sr)).toFixed(0);
$(".result").html(
"<h1>qSkill:"+qSkill+"</h1>"+
"<h1>eSkill:"+eSkill+"</h1>"+
"<h1>rSkill:"+rSkill+"</h1>"+
"<h1>allSkill:"+allSkill+"</h1>"
);
}
);
function _sr(e){
return Number($(e).val())/(100+Number($(e).val()));
}
function _q(a,b){
return Number($(a).val())+Number($(b).val())*0.6;
}
function _e(a,b,c){
return Number($(a).val())+Number($(b).val())*0.3+Number($(c).val())*0.2;
}
function _r(a,b){
return Number($(a).val())+Number($(b).val())*1;
}
</script>