创建一个表以容纳多个javascript函数的输出_Javascript

创建一个表以容纳多个javascript函数的输出

javascript

创建一个表以容纳多个javascript函数的输出,javascript,Javascript,到目前为止，我已经创建了一组函数（有些函数需要大量编辑），它们使用getelementbyID（）返回输出。我想做的是将所有这些函数的输出组织到一个提供的小表格中，该表格位于我们输入的表格下，以便更好地组织输出。我的代码如下： <body bgcolor="#ff0000"> <h2> Future Stat Checker </h2> <p></p> <table style="width:10%"> <tr>

到目前为止，我已经创建了一组函数（有些函数需要大量编辑），它们使用getelementbyID（）返回输出。我想做的是将所有这些函数的输出组织到一个提供的小表格中，该表格位于我们输入的表格下，以便更好地组织输出。我的代码如下：

<body bgcolor="#ff0000">
<h2> Future Stat Checker </h2>
<p></p>
<table style="width:10%">
<tr>
<th> </th>
<th> </th>
<th> <font family = "Verdana" color = #fff>Level</font></th>
<th> <font family = "Verdana" color = #fff>Nature</font></th>
<th> </th>
<th> </th>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "L" />
</td>
<td class="mycell">
<select id = "Nature" style="width: 133px">
<option> Adamant </option>
<option> Bashful </option>
<option> Bold </option>
<option> Brave </option>
<option> Calm </option>
<option> Careful </option>
<option> Docile </option>
<option> Gentle </option>
<option> Hardy </option>
<option> Hasty </option>
<option> Impish </option>
<option> Jolly </option>
<option> Lax </option>
<option> Lonely </option>
<option> Mild </option>
<option> Modest </option>
<option> Naive </option>
<option> Naughty </option>
<option> Quiet </option>
<option> Quirky </option>
<option> Rash </option>
<option> Relaxed </option>
<option> Sassy </option>
<option> Serious </option>
<option> Timid </option>
</select>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<th > <font family = "Verdana" color = #fff>Base HP</font></th>
<th > <font family = "Verdana" color = #fff> Base Attack</font></th>
<th > <font family = "Verdana" color = #fff> Base Defence</font></th>
<th > <font family = "Verdana" color = #fff> Base S. Attack</font></th>
<th ><font family = "Verdana" color = #fff> Base S. Defence</font></th>
<th ><font family = "Verdana" color = #fff> Base Speed</font></th>
</tr>
<tr>
<td class="mycell">
<input type = "text" style="width:133px" id = "BHP" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "BA" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "BD" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "BSA" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "BSD" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "BS" />
</td>
</tr>
<tr>
<th > <font family = "Verdana" color = #fff>HP IV's</font></th>
<th > <font family = "Verdana" color = #fff> Attack IV's</font></th>
<th > <font family = "Verdana" color = #fff> Defence IV's</font></th>
<th > <font family = "Verdana" color = #fff> S. Attack IV's</font></th>
<th ><font family = "Verdana" color = #fff> S. Defence IV's</font></th>
<th ><font family = "Verdana" color = #fff> Speed IV's</font></th>
</tr>
<tr>
<td class="mycell">
<input type = "text" style="width:133px" id = "IHP" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "IA" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "ID" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "ISA" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "ISD" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "IS" />
</td>
</tr>
</html>

<tr>
<th > <font family = "Verdana" color = #fff>HP EV's</font></th>
<th > <font family = "Verdana" color = #fff> Attack EV's</font></th>
<th > <font family = "Verdana" color = #fff> Defence EV's</font></th>
<th > <font family = "Verdana" color = #fff> S. Attack EV's</font></th>
<th ><font family = "Verdana" color = #fff> S. Defence EV's</font></th>
<th ><font family = "Verdana" color = #fff> Speed EV's</font></th>
</tr>
<tr>
<td class="mycell">
<input type = "text" style="width:133px" id = "EHP" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "EA" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "ED" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "ESA" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "ESD" />
</td>
<td class="mycell">
<input type = "text" style="width:133px" id = "ES" />
</td>
</tr>
</table>

<p></p>
<button onclick="HPS(); AttackS(); DefenceS(); SPAttackS(); SPDefenceS(); SpeedS();">Get Stats</button>
<p id="checkHPS"></p>
<p id="checkAS"></p>
<p id="checkDS"></p>
<p id="checkSAS"></p>
<p id="checkSDS"></p>
<p id="checkSS"></p>
<script>
function HPS() {
    var Level = parseInt(document.getElementById("L").value);
    var IVHP = parseInt(document.getElementById("IHP").value);
    var BaseHP = parseInt(document.getElementById("BHP").value);
    var EV = parseInt(document.getElementById("EHP").value);
    var HPS1 = ((2*BaseHP + IVHP + EV/4 + 100) * Level) / 100 + 10
    var doneH = Math.floor(HPS1);
    document.getElementById("checkHPS").innerHTML = doneH;
}
function AttackS() {
    var Level = parseInt(document.getElementById("L").value);
    var IVA = parseInt(document.getElementById("IA").value);
    var BaseA = parseInt(document.getElementById("BA").value);
    var EV = parseInt(document.getElementById("EA").value);
    var N = (document.getElementById("Nature").value);
    var Nature = 1.0;
    if (N == "Adamant" || N == "Brave" || N == "Lonely" || N == "Naughty") {
        var Nature = 1.1;
    }
    else if (N == "Bold" || N == "Calm" || N == "Modest" || N == "Timid") {
        var Nature = 0.9;
    }
    var AS = (((2*BaseA + IVA + EV/4) * Level) / 100 + 5) * Nature;
    var doneA = Math.floor(AS);
    document.getElementById("checkAS").innerHTML = doneA;
}

function DefenceS() {
    var Level = parseInt(document.getElementById("L").value);
    var IVD = parseInt(document.getElementById("ID").value);
    var BaseD = parseInt(document.getElementById("BD").value);
    var EV = parseInt(document.getElementById("ED").value);
    var N = (document.getElementById("Nature").value);
    var Nature = 1.0;
    if (N == "Bold" || N == "Impish" || N == "Lax" || N == "Relaxed") {
        var Nature = 1.1;
    }
    else if (N == "Gentle" || N == "Hasty" || N == "Lonely" || N == "Mild") {
        var Nature = 0.9;
    }
    var DS = (((2*BaseD + IVD + EV/4) * Level) / 100 + 5) * Nature;
    var doneD = Math.floor(DS);
    document.getElementById("checkDS").innerHTML = doneD;
}

function SPAttackS() {
    var Level = parseInt(document.getElementById("L").value);
    var IVSA = parseInt(document.getElementById("ISA").value);
    var BaseSA = parseInt(document.getElementById("BSA").value);
    var EV = parseInt(document.getElementById("ESA").value);
    var N = (document.getElementById("Nature").value);
    var Nature = 1.0;
    if (N == "Mild" || N == "Modest" || N == "Naughty" || N == "Rash") {
        var Nature = 1.1;
    }
    else if (N == "Adamant" || N == "Careful" || N == "Impish" || N == "Jolly") {
        var Nature = 0.9;
    }
    var SAS = (((2*BaseSA + IVSA + EV/4) * Level) / 100 + 5) * Nature;
    var doneSA = Math.floor(SAS);
    document.getElementById("checkSAS").innerHTML = doneSA;
}

function SPDefenceS() {
    var Level = parseInt(document.getElementById("L").value);
    var IVSD = parseInt(document.getElementById("ISD").value);
    var BaseSD = parseInt(document.getElementById("BSD").value);
    var EV = parseInt(document.getElementById("ESD").value);
    var N = (document.getElementById("Nature").value);
    var Nature = 1.0;
    if (N == "Calm" || N == "Careful" || N == "Gentle" || N == "Sassy") {
        var Nature = 1.1;
    }
    else if (N == "Lax" || N == "Naive" || N == "Naughty" || N == "Rash") {
        var Nature = 0.9;
    }
    var SDS = (((2*BaseSD + IVSD + EV/4) * Level) / 100 + 5) * Nature;
    var doneSD = Math.floor(SDS);
    document.getElementById("checkSDS").innerHTML = doneSD;
}

function SpeedS() {
    var Level = parseInt(document.getElementById("L").value);
    var IVS = parseInt(document.getElementById("IS").value);
    var BaseS = parseInt(document.getElementById("BS").value);
    var EV = parseInt(document.getElementById("ES").value);
    var N = (document.getElementById("Nature").value);
    var Nature = 1.0;
    if (N == "Hasty" || N == "Jolly" || N == "Naive" || N == "Timid") {
        var Nature = 1.1;
    }
    else if (N == "Brave" || N == "Quiet" || N == "Relaxed" || N == "Sassy") {
        var Nature = 0.9;
    }
    var SS = (((2*BaseS + IVS + EV/4) * Level) / 100 + 5) * Nature;
    var doneS = Math.floor(SS);
    document.getElementById("checkSS").innerHTML = doneS;
}
</script>

</body>


未来统计检查器

水平仪
本性
坚定的
害羞的
大胆的
勇敢的
平静的
仔细的
温顺的
温和的
能吃苦耐劳的
仓促
顽皮的
愉快的
松懈的
孤独的
温和的
谦逊的
天真的
顽皮的
安静的
古怪的
皮疹
轻松的
时髦的
严肃的
胆小的
基本马力
基地攻击
基地防御
美军基地攻击
美国国防基地
基本速度
HP IV's
攻击四
辩护四
美国第四次攻击
美国国防部第四委员会
速度IV
惠普电动汽车
攻击电动汽车
防御电动汽车
美国攻击电动汽车
美国国防部
加速电动汽车

获取统计数据






函数HPS（）{
var Level=parseInt（document.getElementById（“L”）.value）；
var IVHP=parseInt（document.getElementById（“IHP”）.value）；
var BaseHP=parseInt（document.getElementById（“BHP”）.value）；
var EV=parseInt（document.getElementById（“EHP”）.value）；
var HPS1=（（2*BaseHP+IVHP+EV/4+100）*等级）/100+10
var doneH=数学楼层（HPS1）；
document.getElementById（“checkHPS”）.innerHTML=doneH；
}
函数攻击（）{
var Level=parseInt（document.getElementById（“L”）.value）；
var IVA=parseInt（document.getElementById（“IA”）.value）；
var BaseA=parseInt（document.getElementById（“BA”）.value）；
var EV=parseInt（document.getElementById（“EA”）.value）；
var N=（document.getElementById（“Nature”）.value）；
var-Nature=1.0；
如果（N==“坚定”| N==“勇敢”| N==“孤独”| N==“顽皮”）{
var-Nature=1.1；
}
否则如果（N==“大胆”| N==“冷静”| N==“谦虚”| N==“胆小”）{
var-Nature=0.9；
}
var AS=（（2*BaseA+IVA+EV/4）*水平）/100+5）*性质；
var doneA=数学楼层（AS）；
document.getElementById（“checkAS”）.innerHTML=doneA；
}
功能防御（）{
var Level=parseInt（document.getElementById（“L”）.value）；
var IVD=parseInt（document.getElementById（“ID”）.value）；
基于var=parseInt（document.getElementById（“BD”）.value）；
var EV=parseInt（document.getElementById（“ED”）.value）；
var N=（document.getElementById（“Nature”）.value）；
var-Nature=1.0；
如果（N==“粗体”| | N==“顽皮”| | N==“松弛”| | N==“松弛”）{
var-Nature=1.1；
}
否则如果（N==“温和”| N==“匆忙”| N==“孤独”| N==“温和”）{
var-Nature=0.9；
}
var DS=（（2*基础+IVD+EV/4）*水平）/100+5）*性质；
var doneD=数学楼层（DS）；
document.getElementById（“checkDS”）.innerHTML=doneD；
}
函数SPAttackS（）{
var Level=parseInt（document.getElementById（“L”）.value）；
var IVSA=parseInt（document.getElementById（“ISA”）.value）；
var BaseSA=parseInt（document.getElementById（“BSA”）.value）；
var EV=parseInt（document.getElementById（“ESA”）.value）；
var N=（document.getElementById（“Nature”）.value）；
var-Nature=1.0；
如果（N==“温和”| | N==“温和”| | N==“顽皮”| | N==“鲁莽”）{
var-Nature=1.1；
}
否则如果（N==“坚定”| N==“小心”| N==“顽皮”| N==“快乐”）{
var-Nature=0.9；
}
var SAS=（（2*BaseSA+IVSA+EV/4）*等级）/100+5）*性质；
var doneSA=数学楼层（SAS）；
document.getElementById（“checkSAS”）.innerHTML=doneSA；
}
函数SPDefenceS（）{
var Level=parseInt（document.getElementById（“L”）.value）；
var IVSD=parseInt（document.getElementById（“ISD”）.value）；
var BaseSD=parseInt（document.getElementById（“BSD”）.value）；
var EV=parseInt（document.getElementById（“ESD”）.value）；
var N=（document.getElementById（“Nature”）.value）；
var-Nature=1.0；
如果（N==“冷静”| N==“小心”| N==“温柔”| N==“时髦”）{
var-Nature=1.1；
}
else if（N==“Lax”| | N==“Naive”| | N==“顽皮”| | N==“鲁莽”）{
var-Nature=0.9；
}
var SDS=（（2*BaseSD+IVSD+EV/4）*等级）/100+5）*性质；
var doneSD=数学地板（SDS）；
document.getElementById（“checkSDS”）.innerHTML=doneSD；
}
函数速度（）{
var Level=parseInt（document.getElementById（“L”）.value）；
var IVS=parseInt（document.getElementById（“IS”）.value）；
var base=parseInt（document.getElementById（“BS”）.value）；
var EV=parseInt（document.getElementById（“ES”）.value）；
var N=（document.getElementById（“Nature”）.value）；
var-Nature=1.0；
如果（N==“仓促”| N==“快乐”| N==“天真”| N==“胆小”）{
var-Nature=1.1；
}
否则如果（N==“勇敢”| N==“安静”| N==“放松”| N==“时髦”）{
var-Nature=0.9；
}
var SS=（（2*基准+IVS+EV/4）*水平）/100+5）*性质；
var doneS=数学楼层（SS）；
document.getElementById（“checkSS”）.innerHTML=doneS；
}

我试图得到一个六行两列的输出表，在第一列中有标题，并在第二列的正确位置显示输出。我可以创建表格，而且非常好，我只是不确定如何将输出显示在正确的位置。输出表如下所示（除了现在暂时输入的地方，输出将变为）：


惠普
攻击
防卫
特攻
特别防卫
速度

感谢您提前提供的帮助：）

您需要将id移动到您希望输出的位置

<td id="checkHPS" class="mycell"></td>

哇，我太笨了。。非常感谢您的帮助：）

<td id="checkHPS" class="mycell"></td>