1. 首页
  2. 问答
  3. 试图使使用的getElementById损坏的计算器，但我不认为这是正常工作

试图使使用的getElementById损坏的计算器，但我不认为这是正常工作

2017-05-31 23 views
0 
<!DOCTYPE html> 
<html> 
<title> Riven Calculator </title> 
<style type="text/css"> 
body { 
    background-image: url("BOOP.jpg"); 
} 
</style> 

<body style="background-color: #a6a6a6;"> 
<br> 
<br> 
<br> 
<br> 
<br> 
<h1 align="center"> Riven Damage Calculator </h1> 

<script type="text/javascript"> 
var level = document.getElementById('RIVEN_LEVEL'); 
var rivenQrank = document.getElementById('RIVEN_Q'); 
var rivenWrank = document.getElementById('RIVEN_W'); 
var rivenErank = document.getElementById('RIVEN_E'); 
var rivenRrank = document.getElementById('RIVEN_R'); 
var bonusAD = document.getElementById('RIVEN_AD'); 

var rivenHP = 558.48 + (86 * level); 
var rivenAD = 56.04 + (3 * level) + bonusAD; 
var rivenARM = 24.376 + (3.2 * level) ; 
var rivenMR = 32.1 + (1.25 * level); 

var rivenQDMG = 10 + (20 * rivenQrank) + (rivenAD * (.4 + .05 * rivenQrank)); 
var rivenWDMG = 50 + (30 * rivenWrank) + (rivenAD - 56.04); 
var rivenEDMG = 90 + (30 * rivenErank) + (rivenAD - 56.04); 
var rivenRDMG = 100 + (50 * rivenRrank) + (rivenAD - 56.04) * .6; 

function myBoop() { 
    console.log(rivenQDMG); 
    console.log(rivenWDMG); 
    console.log(rivenEDMG); 
    console.log(rivenRDMG); 
} 

</script> 

<center> 
<p align="center"> Input your level: </p> <input type="text" id="RIVEN_LEVEL"> <br> 
<p align="center"> Input your Q rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_Q"> <br> 
<p align="center"> Input your W rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_W"> <br> 
<p align="center"> Input your E rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_E"> <br> 
<p align="center"> Input your R rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_R"> <br> 
<p align="center"> Input your bonus AD: </p> <input type="text" id="RIVEN_AD"> <br> 
<br> 
<br> 
<button onclick="myBoop()"> Calculate </button> 
</center> 

</body> 
</html>

它的点是计算每个能力确实在游戏中给定时间内的伤害，但每次我试图用计算它说Q会造成32.416的伤害，W会造成50点伤害，E盾会造成90点伤害，而R会造成100点伤害。我觉得它与代码的getElementById部分有关，但我不完全确定。试图使使用的getElementById损坏的计算器，但我不认为这是正常工作

来源

2017-05-31 Trevor_Daron

回答

0

  1. 你得到的元素与getElementById()，并需要得到它的价值属性

  2. 您需要获取值时，该函数在myBoop()函数中执行，移动代码

function myBoop() { 
 
    var level = document.getElementById('RIVEN_LEVEL').value; 
 
    var rivenQrank = document.getElementById('RIVEN_Q').value; 
 
    var rivenWrank = document.getElementById('RIVEN_W').value; 
 
    var rivenErank = document.getElementById('RIVEN_E').value; 
 
    var rivenRrank = document.getElementById('RIVEN_R'.value); 
 
    var bonusAD = document.getElementById('RIVEN_AD').value; 
 
    
 
    var rivenHP = 558.48 + (86 * level); 
 
    var rivenAD = 56.04 + (3 * level) + bonusAD; 
 
    var rivenARM = 24.376 + (3.2 * level) ; 
 
    var rivenMR = 32.1 + (1.25 * level); 
 

 
    var rivenQDMG = 10 + (20 * rivenQrank) + (rivenAD * (.4 + .05 * rivenQrank)); 
 
    var rivenWDMG = 50 + (30 * rivenWrank) + (rivenAD - 56.04); 
 
    var rivenEDMG = 90 + (30 * rivenErank) + (rivenAD - 56.04); 
 
    var rivenRDMG = 100 + (50 * rivenRrank) + (rivenAD - 56.04) * .6; 
 

 
    console.log(rivenQDMG); 
 
    console.log(rivenWDMG); 
 
    console.log(rivenEDMG); 
 
    console.log(rivenRDMG); 
 
}
<!DOCTYPE html> 
 
<html> 
 
<title> Riven Calculator </title> 
 
<style type="text/css"> 
 
body { 
 
    background-image: url("BOOP.jpg"); 
 
} 
 
</style> 
 

 
<body style="background-color: #a6a6a6;"> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<h1 align="center"> Riven Damage Calculator </h1> 
 

 
<center> 
 
<p align="center"> Input your level: </p> <input type="text" id="RIVEN_LEVEL"> <br> 
 
<p align="center"> Input your Q rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_Q"> <br> 
 
<p align="center"> Input your W rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_W"> <br> 
 
<p align="center"> Input your E rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_E"> <br> 
 
<p align="center"> Input your R rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_R"> <br> 
 
<p align="center"> Input your bonus AD: </p> <input type="text" id="RIVEN_AD"> <br> 
 
<br> 
 
<br> 
 
<button onclick="myBoop()"> Calculate </button> 
 
</center> 
 

 
</body> 
 
</html>

P.S. Riven OP

来源

2017-05-31 12:41:00

0

嗯，我没有经过彻底让我不知道该计算是如何建造摆在首位（尤其是因为我不知道你是refferring哪场比赛做）读取JS代码。

但是当你使用getElementById()，并希望用户在文本字段中输入的值，例如，你必须在它（FE document.getElementById("RIVEN_AD").value();）结束追加.value()，否则你只会取回对象，不是它的价值。

来源

2017-05-31 12:36:50 StuntHacks

0

声明你需要添加的各要素值的.value的function.And call.And添加parseFloat解析字符串中的所有变量编号

function myBoop() { 
 
var level = parseFloat(document.getElementById('RIVEN_LEVEL').value); 
 
var rivenQrank = parseFloat(document.getElementById('RIVEN_Q').value); 
 
var rivenWrank = parseFloat(document.getElementById('RIVEN_W').value); 
 
var rivenErank = parseFloat(document.getElementById('RIVEN_E').value); 
 
var rivenRrank = parseFloat(document.getElementById('RIVEN_R').value); 
 
var bonusAD = parseFloat(document.getElementById('RIVEN_AD').value); 
 

 
if(!level && !rivenQrank && !rivenWrank && !rivenErank && !rivenRrank && !bonusAD){ // for validation to all boxes 
 
console.log('Fill the all boxes'); 
 
return false; 
 
} 
 
var rivenHP = 558.48 + (86 * level); 
 
var rivenAD = 56.04 + (3 * level) + bonusAD; 
 
var rivenARM = 24.376 + (3.2 * level); 
 
var rivenMR = 32.1 + (1.25 * level); 
 

 
var rivenQDMG = 10 + (20 * rivenQrank) + (rivenAD * (.4 + .05 * rivenQrank)); 
 
var rivenWDMG = 50 + (30 * rivenWrank) + (rivenAD - 56.04); 
 
var rivenEDMG = 90 + (30 * rivenErank) + (rivenAD - 56.04); 
 
var rivenRDMG = 100 + (50 * rivenRrank) + (rivenAD - 56.04) * .6; 
 
    console.log(rivenQDMG); 
 
    console.log(rivenWDMG); 
 
    console.log(rivenEDMG); 
 
    console.log(rivenRDMG); 
 
}
<body style="background-color: #a6a6a6;"> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <h1 align="center"> Riven Damage Calculator </h1> 
 

 
    <center> 
 
    <p align="center"> Input your level: </p> <input type="text" id="RIVEN_LEVEL"> <br> 
 
    <p align="center"> Input your Q rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_Q"> <br> 
 
    <p align="center"> Input your W rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_W"> <br> 
 
    <p align="center"> Input your E rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_E"> <br> 
 
    <p align="center"> Input your R rank (Rank 1 would be 0): </p> <input type="text" id="RIVEN_R"> <br> 
 
    <p align="center"> Input your bonus AD: </p> <input type="text" id="RIVEN_AD"> <br> 
 
    <br> 
 
    <br> 
 
    <button onclick="myBoop()"> Calculate </button> 
 
    </center>

来源

2017-05-31 12:39:02 prasanth

0

@StuntHacks是正确地从输入中获取值。您的脚本也按错误顺序排列。您的脚本应该放在身体的前面，因为您在尚未引用的内容上致电getElementById()。

<div id="riven"></div> 
<script> 
document.getElementById("riven"); 
</script>

来源

2017-05-31 12:40:44 Jason

相关问题

 相关问题