Javascript 如何使用onclick更改变量_Javascript_Function_Variables_Onclick

Javascript 如何使用onclick更改变量

javascript function variables

Javascript 如何使用onclick更改变量,javascript,function,variables,onclick,Javascript,Function,Variables,Onclick,我正在尝试使用html中的onclick函数将变量从0更改为4。下面是我的大致情况。 javascript/HTML：函数打开选项卡（evt，第页） { 变量i，页面，链接； //隐藏所有页面 pages=document.getElementsByClassName（“内容”）；对于（i=0；i

我正在尝试使用html中的onclick函数将变量从0更改为4。下面是我的大致情况。 javascript/HTML：

函数打开选项卡（evt，第页）
{
变量i，页面，链接；
//隐藏所有页面
pages=document.getElementsByClassName（“内容”）；
对于（i=0；i

点击我！


这个方法可能有效。
只需单击调用一个函数，该函数更新y的值，并将新值作为参数传递
例：

var y=0；
var x=10；
var h=x-y
函数updateValue（newValue）{
y=新值；
}
您应该避免使用内联事件处理程序，因为使用它们是一种不好的做法。你可以通过这样做来实现你想要的

document.addEventListener（“DOMContentLoaded”，函数（事件）{
var y=0；
var x=10；
var h=x-y；
document.getElementById（“myResult”）.innerHTML=h；
var changeVariable=函数（）{
y=4；
h=x-y；
//将结果添加到元素
document.getElementById（“myResult”）.innerHTML=h；
}
//绑定“单击”元素
document.getElementById（“clickMe”）.addEventListener（“click”，changeVariable）；
});


点击我！
我试过你的建议。复制和粘贴，所以我不会犯任何错误。由于某种原因，它没有显示出来。在我的原始代码中，我有一个document.write（h）在末尾，这样它就会出现在我的html页面的顶部。我需要做类似的事情吗？所以你要在HTML上显示它？您应该使用Element.innerHTML
替换元素的HTML，而不仅仅是将结果附加到文档中。正如您在我的编辑中所看到的。它出现了一个错误“未捕获类型错误：无法读取null的属性'addEventListener'。您没有具有id=“clickMe”的元素“then.Sorted。谢谢我的朋友！！！如果我有新的方法，我会烤一块蛋糕来感谢你：我非常喜欢你的简单，尽管它没有出现在我的html上。我在脚本标记的末尾有一个document.write（h）元素。这可能是原因吗？
<a href="action" onclick="y=4"> click </a>

<html>
<body>
 <a href="action" onclick="updateValue(4);"> click </a>
</body>
<script>
 var y=0;
 var x=10;
 var h=x-y
 function updateValue(newValue){
    y = newValue;
 }
</script>
</html>