Javascript 如何在加载进度条后向变量添加金额并显示金额

所以我有一个小问题，我是一个新手在编码，所以我试图学习。。。 我有一个按钮，启动一个进度条，但我希望它这样，当进度条完成后，它会增加$1到我的钱变量。这是我的密码： 全局变量声明代码：

<script> var money; money = 0; </script>

var货币；货币=0；

进度条脚本：

<script>
function move() {
var elem = document.getElementById("myBar"); 
var width = 0;
var id = setInterval(frame, 10);
function frame() {
    if (width >= 100) {
        clearInterval(id);

    } else {

        width++; 
        elem.style.width = width + '%'; 
        document.getElementById("label").innerHTML = width * 1 + '%';
    }
}
}
</script>

函数move（）{
var elem=document.getElementById（“myBar”）；
var宽度=0；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=100）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“标签”）.innerHTML=width*1+'%'；
}
}
}

我的货币可变脚本： 风险值货币 货币=0 我的钱应该出现在这里：

<b class="text">
<img src="http://www.diamondhunt.co/images/pic_coin.png" alt="Smiley face" align="middle">

金钱：$

<script type="text/javascript">
document.write(money);
</script>

文件。写（钱）；

我试过这样做：

<script>
function move() {
var elem = document.getElementById("myBar"); 
var width = 0;
var id = setInterval(frame, 10);
function frame() {
    if (width >= 100) {
        clearInterval(id);
        money = money + 1;
    } else {

        width++; 
        elem.style.width = width + '%'; 
        document.getElementById("label").innerHTML = width * 1 + '%';
    }
}

函数move（）{
var elem=document.getElementById（“myBar”）；
var宽度=0；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=100）{
清除间隔（id）；
金钱=金钱+1；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“标签”）.innerHTML=width*1+'%'；
}
}

}

---

我尝试了很多东西，我在网上搜索并向frinds寻求帮助，我希望这能奏效。

您的可变货币是在函数frame（）中定义的，因此每次调用此函数时，它都是一个新变量

您需要像这样声明smth

var money = 0;

函数前（函数上方）

---

阅读有关此函数的更多信息

您的可变货币是在函数frame（）中定义的，因此每次调用此函数时，它都是一个新变量

您需要像这样声明smth

var money = 0;

函数前（函数上方）

---

阅读更多有关此的信息

哦，对不起，我忘记了一段代码：var money；货币=0；但是，如果我调用函数上方的变量，那么当progress条完成时，我如何向它添加1美元或仅添加1美元呢？哦，对不起，我忘记了一段代码：var money；货币=0；但是，如果我调用函数上方的变量，那么当进度条完成时，我如何向它添加1美元或仅添加1美元？