Javascript 单击“提交”按钮后如何更改图像？

我想要一个调查问卷的代码。在回答每个问题（文本格式）后，单击“提交”可更改图像，并增加进度条

---

我一次点击就要改变三件事

问题:

形象

进度条

<script>
    var img_array = ['placehold.it/100x100/green';, 'placehold.it/100x100/blue';, 'placehold.it/100x100/red']; 
    i = 0; 
    function myFunction() { 
        i++; 
        document.getElementById("myImg").src = img_array[i]; if (i == img_array.length - 1) { i = -1; } 
    }
</script>

变量img_数组=['placehold.it/100x100/绿色'；'placehold.it/100x100/蓝色'；'placehold.it/100x100/红色'；
i=0；
函数myFunction（）{
i++；
document.getElementById（“myImg”）.src=img_数组[i]；if（i==img_数组.length-1）{i=-1；}
}

如果要更改图像的图像，则这是示例

 document.getElementById('theImage').src="image.png";

如果您想更改按钮的背景图像，那么这就是示例

document.getElementById("button").style.backgroundImage = "url('http://image/1917/crossn.png')";
    button.style.backgroundRepeat = "no-repeat";

---

我一次点击就要改变三件事。 问题 形象 进度条

示例html代码：

<div id="myQuestion">Qeuestion1</div>
<img src="test" id="myImg" /><br/>
<progress id="progressId" value="0" max="100"></progress><br/>
<button id="buttonId" onClick="myFunction()">submit</button>

---

请参见

那么，您尝试了什么？我们不提供代码。我们在编码问题上提供帮助。StackOverflow不是这样工作的，请参阅@Adil为什么拒绝我的编辑？我正在整理你的帖子。你的JavaScript控制台肯定在告诉你代码中的语法错误。请尝试查看错误消息。否，它不是背景图像。它是一个单独的图像和进度栏，然后可以使用此语法文档。getElementById（'theImage'）。src=“image.png”；进度条是什么呢？放一个div，背景颜色是红色。。当一件事情通过时，像这样增加宽度慢慢增加宽度…这样看起来会有进展，但如何与图像和问题链接。它已经在不同的分区中。

$(document).ready(function(){
var qus_array = ['Question1','Question2','Question3']
var img_array = ['placehold.it/100x100/green', 'placehold.it/100x100/blue', 'placehold.it/100x100/red']; 
var i = 0; 
     $('button').click(function(){
         i++; 
         document.getElementById("myQuestion").innerHTML = qus_array[i];
        document.getElementById("myImg").src = img_array[i]; 
         document.getElementById("progressId").value = 33*i; 
         if (i == img_array.length - 1) { i = -1; } 
     })
 });