Javascript Onclick进度条

所以我试图让进度条在点击时增加，但每当我点击时，宽度就会跳到30%。当我点击按钮时，它应该增加变量数，if语句检查数字是否等于1、2、3或4，但我认为它直接用3替换了我的变量数

var编号=0；
函数move（）{
var elem=document.getElementById（“myBar”）；
数字++；
如果（数字=1）{
elem.style.width=10+'%'；
elem.innerHTML=10+'%'；
}
如果（数字=2）{
elem.style.width=20+'%'；
elem.innerHTML=20+'%'；
}
如果（数字=3）{
elem.style.width=30+'%'；
elem.innerHTML=30+'%'；
}
函数检查（）{
如果（数字=4）{
控制台日志（编号）；
document.getElementById（'barbutton'）。className='hidden'；
}
}
}

#我的进度{
宽度：100%；
背景色：#ddd；
}
#我的酒吧{
宽度：0%；
高度：30px；
背景色：#4CAF50；
文本对齐：居中；
线高：30px；
颜色：白色；
}

JavaScript进度条
0%


当您放置
（number=1）
时，单击我，就像您正在定义一个变量

您所要做的就是将double equals
即（number==1）
用于您的条件，也不需要函数
check（）
您可以像其他函数一样执行此操作


var编号=0；
函数move（）{
var elem=document.getElementById（“myBar”）；
数字++；
如果（数字==1）{
elem.style.width=10+'%'；
elem.innerHTML=10+'%'；
}
如果（数字==2）{
elem.style.width=20+'%'；
elem.innerHTML=20+'%'；
}
如果（数字==3）{
elem.style.width=30+'%'；
elem.innerHTML=30+'%'；
}
如果（数字=4）{
控制台日志（编号）；
document.getElementById（'barbutton'）。className='hidden'；
}
}
#我的进度{
宽度：100%；
背景色：#ddd；
}
#我的酒吧{
宽度：0%；
高度：30px；
背景色：#4CAF50；
文本对齐：居中；
线高：30px；
颜色：白色；
}
.隐藏{
显示：无；
}
JavaScript进度条
0%


单击我
哦！！我现在明白了，所以==用于比较，=用于定义变量？非常感谢你！