Question

我还是javascript的新手，很抱歉这是一个基本问题。我已经尝试过这几种不同的方式，并且已经研究过但却找不到我想要做的事情。

我想要做的是在用户点击按钮时计算两个用户创建的字段（hPlayed和hDealt）的乘积值。 hp和hd的值先前已由用户使用按钮生成。在我的脚本中，他们有hPlayed和bDealt的变量名，但是在下面的代码中我创建了名为hPlayedInput和hDealtInput的新变量来表示它们（我意识到可能没有必要，但我已经尝试过使用那些变量console.log也是如此。

修改JS：

function handsPlayedRate() {
var hPlayedInput = document.getElementById("hp").value;
var hDealtInput = document.getElementById("hd").value;
var hRate = parseFloat(hPlayedInput) / parseFloat(hDealtInput);
document.getElementById("hr").innerHTML = hRate;
}

FULL（MODIFIED）HTML：

<button class="btnlost" onclick="handsPlayedMinus()">-</button>
<button class="btnwon" onclick="handsPlayedPlus()">+</button>
<p class="count" id="hp">0</p>

<button class="btnlost" onclick="handsDealtMinus()">-</button>
<button class="btnwon" onclick="handsDealtPlus()">+</button>
<p class="count" id="hd">0</p>

<button class="btnreset" type="button" onclick="handsPlayedRate()">Calculate&nbsp;Percent</button>
<p class="count" id="hr">0</p>

Answer 1

由于您需要的值不在input字段中，因此您需要使用.innerHTML来获取值。

function handsPlayedRate() {
var hPlayedInput = document.getElementById("hp").innerHTML;
var hDealtInput = document.getElementById("hd").innerHTML;
var hRate = parseFloat(hPlayedInput) / parseFloat(hDealtInput);
document.getElementById("hr").innerHTML = hRate;
}

<button class="btnlost" onclick="handsPlayedMinus()">-</button>
<button class="btnwon" onclick="handsPlayedPlus()">+</button>
<p class="count" id="hp">1</p>

<button class="btnlost" onclick="handsDealtMinus()">-</button>
<button class="btnwon" onclick="handsDealtPlus()">+</button>
<p class="count" id="hd">2</p>

<button class="btnreset" type="button" onclick="handsPlayedRate()">Calculate&nbsp;Percent</button>
<p class="count" id="hr">0</p>

使用JavaScript和按钮使用用户生成的值计算新值

1 个答案: