这样将变量定义在函数外边,从外边访问函数得到的是0var numvalue2 = 0; var minus = document.querySelector(".numm #minus"); minus.onclick = function(){ alert("期待好事发生"); numvalue2 = parseInt(document.getElementById("numm-value").value); numvalue2 = numvalue2 - 1; if (numvalue2 < 0) { numvalue2 = 0; } document.getElementById("numm-value").value = numvalue2; var numpr = document.getElementById("numpri"); numpr.innerHTML = (34.99 * numvalue2); } var plus = document.querySelector(".numm #plus"); plus.onclick = function(){ numvalue2 = parseInt(document.getElementById("numm-value").value); numvalue2 = numvalue2 + 1; if (numvalue2 < 0) { numvalue2 = 0; } document.getElementById("numm-value").value = numvalue2; var numpr = document.getElementById("numpri"); numpr.innerHTML = (34.99 * numvalue2); }
时间: 2024-03-30 11:35:04 浏览: 54
这段代码中的变量numvalue2是定义在函数外部的全局变量,因此可以被函数内部的代码所访问和修改。在代码执行时,当用户点击页面上的加号或减号按钮时,对应的事件处理函数会将输入框中的值进行加1或减1的操作,并且将计算出的结果更新到页面上。同时,也会更新商品数量与总价的显示。需要注意的是,如果计算出的结果小于0,那么会将其强制设置为0,以避免出现异常情况。
相关问题
如何将numvalue2拿到函数外部来访问 var minus = document.querySelector(".numm #minus"); minus.onclick = function(){ alert("期待好事发生"); var numvalue2=document.getElementById("numm-value").value; numvalue2 = parseInt(numvalue2); numvalue2=numvalue2-1; if (numvalue2<0){ numvalue2=0; } document.getElementById("numm-value").value = numvalue2; var numpr = document.getElementById("numpri"); numpr.innerHTML=(34.99*numvalue2); } var minus = document.querySelector(".numm #plus"); minus.onclick = function(){ var numvalue2=document.getElementById("numm-value").value; numvalue2 = parseInt(numvalue2); numvalue2=numvalue2+1; if (numvalue2<0){ numvalue2=0; } document.getElementById("numm-value").value = numvalue2; var numpr = document.getElementById("numpri"); numpr.innerHTML=(34.99*numvalue2); }
可以将 `numvalue2` 定义在函数外部,并使用全局变量的方式来访问。例如:
```
var numvalue2 = 0;
var minus = document.querySelector(".numm #minus");
minus.onclick = function(){
alert("期待好事发生");
numvalue2 = parseInt(document.getElementById("numm-value").value);
numvalue2 = numvalue2 - 1;
if (numvalue2 < 0) {
numvalue2 = 0;
}
document.getElementById("numm-value").value = numvalue2;
var numpr = document.getElementById("numpri");
numpr.innerHTML = (34.99 * numvalue2);
}
var plus = document.querySelector(".numm #plus");
plus.onclick = function(){
numvalue2 = parseInt(document.getElementById("numm-value").value);
numvalue2 = numvalue2 + 1;
if (numvalue2 < 0) {
numvalue2 = 0;
}
document.getElementById("numm-value").value = numvalue2;
var numpr = document.getElementById("numpri");
numpr.innerHTML = (34.99 * numvalue2);
}
```
这样定义之后,就可以在函数外部访问 `numvalue2` 的值了。
当点击加号按钮时,value值也会跟着改变,如何将最新的value值拿出来用var minus = document.querySelector(".numm #minus"); minus.onclick = function(){ var numvalue2=document.getElementById("numm-value").value; numvalue2 = parseInt(numvalue2); numvalue2=numvalue2-1; if (numvalue2<0){ numvalue2=0; } document.getElementById("numm-value").value = numvalue2; var numpr = document.getElementById("numpri"); numpr.innerHTML=(34.99*numvalue2); } var minus = document.querySelector(".numm #plus"); minus.onclick = function(){ var numvalue2=document.getElementById("numm-value").value; numvalue2 = parseInt(numvalue2); numvalue2=numvalue2+1; if (numvalue2<0){ numvalue2=0; } document.getElementById("numm-value").value = numvalue2; var numpr = document.getElementById("numpri"); numpr.innerHTML=(34.99*numvalue2); }
在您的代码中,可以通过以下方式获取最新的value值:
```javascript
var numvalue2 = document.getElementById("numm-value").value;
```
您已经在代码中进行了这个步骤,所以在点击加号或减号按钮时,都会获取最新的value值并更新到HTML中。因此,您可以在其他需要使用value值的地方调用这个变量来获取最新的value值。
例如,您可以在点击加号或减号按钮时,更新一个全局变量,然后在其他地方调用该全局变量:
```javascript
var numValue = document.getElementById("numm-value").value;
var minus = document.querySelector(".numm #minus");
minus.onclick = function(){
// 更新全局变量
numValue = parseInt(numValue) - 1;
if (numValue < 0) {
numValue = 0;
}
document.getElementById("numm-value").value = numValue;
var numpr = document.getElementById("numpri");
numpr.innerHTML = (34.99 * numValue);
}
var plus = document.querySelector(".numm #plus");
plus.onclick = function(){
// 更新全局变量
numValue = parseInt(numValue) + 1;
if (numValue < 0) {
numValue = 0;
}
document.getElementById("numm-value").value = numValue;
var numpr = document.getElementById("numpri");
numpr.innerHTML = (34.99 * numValue);
}
// 在其他需要使用value值的地方调用全局变量
console.log(numValue);
```
这样,在其他需要使用value值的地方,可以通过调用numValue变量来获取最新的value值。
阅读全文