javascript變量重置按鈕

Question

我想添加一個按鈕，它將更改「box1」或「value！」的值。到= 0.我花了幾個小時嘗試不同的方法，有人可以請我指出正確的方向。

<script type="text/javascript"> 
 
    
 
    \t function calculate() { 
 
\t \t var value1 = document.getElementById('box1').value; \t 
 
\t \t var value2 = document.getElementById('box2').value; 
 
\t \t var result = document.getElementById('result'); \t 
 
\t \t var myResult = value1 * value2; 
 
\t \t result.value = myResult; 
 
\t } 
 
\t function reset() { 
 
\t value1 = 0; 
 
\t } 
 
    
 
    </script> 
 
    
 
    <div><input id="box1" type="text" /> Value 1</div> 
 
    <div><input id="box2" type="text" />Value 2</div> 
 
    <div><input id="result" />Answer</div> 
 
    <div><button onclick="calculate()" value="text here" style="width: 139px">Calculate</button></div> 
 
    <div><button onclick="reset()" value="text here5" style="width: 139px">reset</button></div>

Answer 1

它工作正常，我;）

function calculate() { 
 
    var value1 = document.getElementById('box1').value; 
 
    var value2 = document.getElementById('box2').value; 
 
    var result = document.getElementById('result'); 
 
    var myResult = value1 * value2; 
 
    result.value = myResult; 
 
} 
 

 
function reset() { 
 
    document.getElementById('box1').value = 0; 
 
    document.getElementById('box2').value = 0; 
 
    document.getElementById('result').value = 0; 
 
}

<div> 
 
     <input id="box1" type="text" />Value 1</div> 
 
    <div> 
 
     <input id="box2" type="text" />Value 2</div> 
 
    <div> 
 
     <input id="result" type="text" />Answer</div> 
 
    <div> 
 
     <button onclick="calculate()" value="text here" style="width: 139px">Calculate</button> 
 
    </div> 
 
    <div> 
 
     <button onclick="reset()" value="text here5" style="width: 139px">reset</button> 
 
    </div>

Answer 2

如果要重置所有字段，按照你的風格：

function reset() { 
    document.getElementById('box1').value=0; 
    document.getElementById('box2').value=0; 
    document.getElementById('result').value=0; 
} 

或者，如果你想重用這些變量聲明爲全球：

<script type="text/javascript"> 

var el1; 
var el2; 
var res; 

function calculate() { 
    el1 = document.getElementById('box1'); 
    el2 = document.getElementById('box2'); 
    res = document.getElementById('result');  
    var myResult = el1.value * el2.value; 
    res.value = myResult; 
} 
function reset() { 
    el1.value = 0; 
    el2.value = 0; 
    res.value = 0; 
} 

</script> 

Answer 3

在大多數編程語言中，不能從ot訪問變量她的街區：

function reset() { 
     document.getElementById('box1').value = 0; 
    } 

Answer 4

您的變量value1在您的重置方法的範圍內不存在。它在計算中定義。

你應該指的是你希望在你的復位功能重置對話框：

document.getElementById('box1').value = 0;