我无法在html / javascript中创建5个输入字段的计算器(仅求和),但是我无法设法找到我的代码出了什么问题
我试图弄乱int而不是var这样的类型,然后将值传递给parseInt,我设法以某种方式获得了像“ 11111”这样的结果,它应该像是“ 5”,但是在那种情况下,结果永远不会被打印出来甚至在我添加了“ if not null”条件之后的innerHTML
这是我的html
<body>
<h1 class="head-title"></h1>
<div class="input-group">
<label for="design">Design :</label>
<input class="input-text" type="number" id="design">
</div>
<div class="input-group">
<label for="plot">Plot :</label>
<input class="input-text" type="number" id="plot">
</div>
<div class="input-group">
<label for="character">Character :</label>
<input class="input-text" type="number" id="character">
</div>
<div class="input-group">
<label for="enjoyment">Enjoyment :</label>
<input class="input-text" type="number" id="enjoyment">
</div>
<div class="input-group">
<label for="music">Music :</label>
<input class="input-text" type="number" id="music">
</div>
<div class="button-group">
<button class="button-primary" onclick="ratingCompute();">Calculate</button>
</div>
<div class="input-group">
<label for="total">Rating :</label>
<p class="rating-score" id="total"></p>
</div>
</body>
这是我的JavaScript
function ratingCompute()
{
int designValue = document.getElementById("design").value;
int plotValue = document.getElementById("plot").value;
int charValue = document.getElementById("character").value;
int enjoyValue = document.getElementById("enjoyment").value;
int musicValue = document.getElementById("music").value;
int totalValue = designValue + plotValue + charValue + enjoyValue + musicValue;
if (totalValue != null)
{
document.getElementById("total").innerHTML = totalValue + "/10";
}
else
{
document.getElementById("total").innerHTML = "0/10";
}
}
任何线索?
JavaScript不是类型变量语言,请尝试使用let或const。
int designValue = document.getElementById("design").value;