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;