Javascript 如何从输入输出值

我需要将该值输出到输入id号中输入的span类输出中。这是我的代码，它不起作用：

var btn=document.querySelector（'.add val'）；
btn.addEventListener（“单击”，更改进度）；
功能更改_进度（）{
var elem=document.getElementById（“myBar”）；
val=parseInt（document.getElementById（“number”）.value）；
var message=document.querySelector（'.output'）；
var宽度=0；
var id=设置间隔（帧，val）；
函数框架（）{
如果（宽度>=val）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
elem.innerHTML=宽度*1+'%'；
}
message.innerHTML=val+'%'；
}
}

Введите число и нажмите кнопку "применить"!
Применить
Ваша форма заполнена на ___

您只需将

设置间隔的第二个参数更改为毫秒，并将宽度设置为消息范围，如：

message.innerHTML = width + '%';


var btn=document.querySelector（'.add val'）；
btn.addEventListener（“单击”，更改进度）；
功能更改_进度（）{
var elem=document.getElementById（“myBar”）；
val=parseInt（document.getElementById（“number”）.value）；
var message=document.querySelector（'.output'）；
var宽度=0；
var id=设置间隔（帧，1000）；
函数框架（）{
如果（宽度>=val）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
elem.innerHTML=宽度*1+'%'；
message.innerHTML=宽度+'%'；
}
}
}

Введите число и нажмите кнопку "применить"!
Применить
Ваша форма заполнена на ___
请检查此示例，它将用插入的数字填充输出



Введите число и нажмите кнопку "применить"!
Применить
Ваша форма заполнена на ___  
功能更改_进度（）{
var elem=document.getElementById（“myBar”）；
var val=parseInt（document.getElementById（“number”）.value）；
var message=document.querySelector（'.output'）；
var宽度=0；
var id=设置间隔（帧，val）；
函数框架（）{
如果（宽度>=val）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
elem.innerHTML=宽度*1+'%'；
}
message.innerHTML=val+'%'；
}  
}
您标记了jQuery，但到目前为止您所拥有的是纯JS。你介意人们给你的问题一个jQuery解决方案吗？@Martin不介意似乎有很多不相关的代码，特别是进度条形码和标签。你能不能把输入一个有效的数值时，代码看起来也能正常工作。。。？您希望验证字段的问题是否存在？现在还不清楚这里的目标是什么。你也可以用漂亮的css产生同样的效果……这不是你想要的Oksana吗？如果有任何答案是你想要的@Oksana，请将其标记为未来读者的正确答案。