-1
我正在编写一个编译棒球统计的应用程序。我希望能够输入关于蝙蝠的信息并接收统计信息。 我希望能够显示单打双三垒全垒打的次数,并将这个数字除以已填答的形式的次数。基本上,我想通过做(single+double+triple+homerun)/(atbats-walks)
来显示击球平均。我还想显示groundball/(at-bats-walks)
,flyball/(atbats-walks)
和(((1*single)+(2*double)+(3*triple)+(4*homerun))/(atbats))
等。我只知道Ruby,HTML和CSS。通过表格统计棒球
这是我在蝙蝠表单页面
<style>
h1 {
color: white;
}
.moveloco {
text-align:center;;
color:white;
}
.moveloco2 {
text-align:center;
}
.centit {
text-align:center;
}
</style>
<h1 class= "moveloco">Input Statistics: Location 1</h1>
<div class="container">
<div class="row">
<div class="col-md-4">
<br />
<br />
<div style="background:rgba(255,255,255,0.5)" class="jumbotron">
<h3>What was the Pitch Type?</h3>
<br />
<h3>Where did the Ball Go?</h3>
<br />
<select input id="end_ball_location" name="ebloco">
<option value='lout'>Left Field</option>
<option value='cout'>Center Field</option>
<option value='rout'>Right Field</option>
<option value='lin'>Left Side of the Infield</option>
<option value='min'>Middle of the Infield </option>
<option value='rin'>Right Side of the Infield</option>
</select>
<br />
<br />
<br />
<br />
</div>
</div>
<div class="col-md-4">
<br />
<br />
<br />
<br />
<br />
<img src = "http://i62.tinypic.com/2gt51dc.png" alt="field" height="350" width="400">
<br />
</div>
<br />
<div class="col-md-4">
<br />
<div style="background:rgba(255,255,255,0.5)" class="jumbotron">
<div class='moveloco2'>
<h3>What Type of Hit was It?</h3>
</div>
<br />
<div class='moveloco2'>
<select id="hit_type" name="hit_type">
<option value='gball'>Groundball</option>
<option value='ld'>Line Drive</option>
<option value='flyball'>Fly Ball</option>
</select>
<br />
<br />
</div>
<div class='moveloco2'>
<h3>What was the At Bat Result?</h3>
<br />
<div class='moveloco2'>
<select id="at_bat_result" name="at_bat_result">
<option value='single'>Single</option>
<option value='double'>Double</option>
<option value='triple'>Triple</option>
<option value='homerun'>Home Run</option>
<option value='out'>Out</option>
<option value='walk'>Walk</option>
</select>
<br />
<br />
<br />
</div>
<div class='moveloco2'>
<input type='submit'>
</div>
</div>
</div>
</div>
</div>
应用控制器 我不知道要放什么东西。
统计数据显示页面
<style>
table, th, td {
border: 1px solid black;
}
.pwsth, .container {
text-align:center;
}
.tfass {
text-align:center;
color:white;
}
.pagination {
}
</style>
<br />
<div class="tfass">
<h1 class="text-center">Batting Statistics</h1>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<br />
<br />
<br />
<br />
<img src = "http://i59.tinypic.com/nvbay1.png" alt="field" height="300" width="300">
</div>
<div class="col-md-4">
<br />
<br />
<br />
<br />
<img src = "http://i62.tinypic.com/2gt51dc.png" alt="field" height="350" width="400">
</div>
<div class="col-md-4">
<div style="background:rgba(255,255,255,0.5)" class="jumbotron">
<div class="asd">
<h3 class="text-center">Pitch Location 1</h3>
<br />
<table style="width:100%">
<tr>
<th class= "pwsth">BA</th>
<th class= "pwsth">SLG</th>
<th class= "pwsth">OPS</th>
</tr>
<tr>
<td class="pwsth">stat</td>
<td class="pwsth">stat</td>
<td class="pwsth">stat</td>
</tr>
<tr>
<th class= "pwsth">GB %</th>
<th class= "pwsth">FB %</th>
<th class= "pwsth">LD %</th>
</tr>
<tr>
<td class="pwsth">stat</td>
<td class="pwsth">stat</td>
<td class="pwsth">stat</td>
</tr>
<tr>
<th class= "pwsth">idk</th>
<th class= "pwsth">idk</th>
<th class= "pwsth">RC</th>
</tr>
<tr>
<td class="pwsth">idk</td>
<td class="pwsth">idk</td>
<td class="pwsth">stat</td>
</tr>
</table>
</div>
<nav class = "nacent">
<ul class="pagination">
<li><a href="advstat/1">1</a></li>
<li><a href="advstat/2">2</a></li>
<li><a href="advstat/3">3</a></li>
<li><a href="advstat/4">4</a></li>
<div></div><li><a href="advstat/5">5</a></li>
<div></div>
<li><a href="advstat/6">6</a></li>
<li><a href="advstat/7">7</a></li>
<li><a href="advstat/8">8</a></li>
<li><a href="advstat/9">9</a></li>
<li><a href="advstat/10">10</a></li>
<div></div>
<li><a href="advstat/11">11</a></li>
<li><a href="advstat/12">12</a></li>
<li><a href="advstat/13">13</a></li>
<li><a href="advstat/14">14</a></li>
<li><a href="advstat/15">15</a></li>
<div></div>
<li><a href="advstat/16">16</a></li>
<li><a href="advstat/17">17</a></li>
<li><a href="advstat/18">18</a></li>
<li><a href="advstat/19">19</a></li>
<li><a href="advstat/20">20</a></li>
<div></div>
<li><a href="advstat/21">21</a></li>
<li><a href="advstat/22">22</a></li>
<li><a href="advstat/23">23</a></li>
<li><a href="advstat/24">24</a></li>
<li><a href="advstat/25">25</a></li>
<li>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
好的。你有问题吗? –
@Jordan几乎如何计算统计数据? –
你必须使用Javascript或类似的东西才能真正计算出你的值。你已经有了你需要的计算,你只需要把它们变成函数。 –