如果要进行新的计算,为什么在安装了重置按钮后显示“ NaN”?

时间:2019-06-05 10:33:39

标签: javascript

我已经设置了一个重置​​按钮,以清除计算后获得的数字的段落,当我按下该按钮并想要再次重新开始计算时,它会显示“ NaN”而不是进行计算。

HTML

<!--input and paragraph-->
<input type="button" value="Total" class="qantP" onclick="decalcNumber()">
<p class="parafQ" id="numberProd">0</p>

<!--button of resetting-->
<input class="réinit" type="button" value="Remise à Zéro Simulateur" onclick="resetSimul()">

JavaScript

function resetSimul() {
    getNumberProd = document.getElementById("numberProd"),
    getNumberProd.textContent = "0";
}

function decalcNumber() {
    let volume1 = document.getElementById("quantEntrée1").value, 
    volume2 = document.getElementById("quantEntrée2").value, 
    inNumber = document.getElementById("numberProd");
    inNumber.textContent = parseInt(volume1) + parseInt(volume2) 
}

2 个答案:

答案 0 :(得分:1)

您可以执行类似的操作,但是,我不知道您的decalcNumber()函数中包含什么。

function resetSimul(){
getNumberProd = document.getElementById("numberProd");
getNumberProd.textContent = "0";
}

function decalcNumber(){
let volume1 = parseInt(document.getElementById("quantEntrée1").innerHTML); 
let volume2 = parseInt(document.getElementById("quantEntrée2").innerHTML); 
inNumber = document.getElementById("numberProd");
inNumber.textContent = volume1 + volume2 
}
<input type="button" value="Total" class="qantP" onclick="decalcNumber()" 
>
<p class="parafQ" id="numberProd">0</p>
<p class="parafQ" id="quantEntrée1">2</p>
<p class="parafQ" id="quantEntrée2">3</p>

<input class="réinit" type="button" value="Remise à Zéro Simulateur" 
onclick="resetSimul()">

答案 1 :(得分:0)

我找到了!这是因为我有getAmount.value =“”;并且我们必须做getAmount.valueAsNumber =“”;谢谢大家!