如何使用變量的值更改文本及其顏色（i）

Question

您好，我想根據變量“ i”的值更改文本及其顏色，而不使用任何事件監聽器！ 我無法設置null錯誤的屬性“ innerHTML”，對此是否有任何解決方法！ 謝謝！

 var i = 0; var images= []; var time = 3000; var eventaction=0; var timeoutId; var dynamictext=document.querySelector("dynamictext"); images[0] = "https://i.pinimg.com/236x/f4/92/39/f492399e154bd9f564d7fc5299c19911--purple-rain-deep-purple.jpg"; images[1] = "https://image.shutterstock.com/image-photo/purple-butterfly-isolated-on-white-260nw-44004850.jpg"; images[2] = "https://www.birdscanada.org/images/inbu_norm_q_townsend.jpg"; function changeImg() {if(i<images.length-1) {i++; }else {i=0;} document.getElementById('sliders').src=images[i];eventaction=0; dynamictextchanger(); } timeoutId=setTimeout("changeImg()", time); } function dynamictextchanger() { if(i==1) { dynamictext.innerHTML="Starter"; dynamicetxt.style.color="black"; } else if(i==2) { dynamictext.innerHTML="veg"; dynamicetxt.style.color="green"; } else if(i==3) { dynamictext.innerHTML="nonveg"; dynamicetxt.style.color="red"; } } window.onload=changeImg; 

 <p id="dynamictext"/> <button class="button button3" id="leftbutton"> previous</button> <img id="sliders" /> <button class="button button3" id="rightbutton">next</button> 

Answer 1

此代碼有太多錯誤。 我什至不知道從哪里開始。 但是其中一些修復程序應該可以使您正常運行。

• 變量dynamicetxt不正確。
• querySelector方法中缺少哈希號＃符號
• 額外}

 var i = 0; var images= []; var time = 3000; var eventaction=0; var timeoutId; var dynamictext = document.querySelector("#dynamictext"); images[0] = "https://i.pinimg.com/236x/f4/92/39/f492399e154bd9f564d7fc5299c19911--purple-rain-deep-purple.jpg"; images[1] = "https://image.shutterstock.com/image-photo/purple-butterfly-isolated-on-white-260nw-44004850.jpg"; images[2] = "https://www.birdscanada.org/images/inbu_norm_q_townsend.jpg"; function changeImg() { if(i < images.length - 1) i++; else i = 0; document.getElementById('sliders').src=images[i]; eventaction=0; dynamictextchanger(i); timeoutId = setTimeout(changeImg, time); } function dynamictextchanger(i) { if(i==0) { dynamictext.innerHTML="Starter"; dynamictext.style.color="black"; } else if(i==1) { dynamictext.innerHTML="veg"; dynamictext.style.color="green"; } else if(i==2) { dynamictext.innerHTML="nonveg"; dynamictext.style.color="red"; } } window.onload = function(){ changeImg(); } 

 <p id="dynamictext"></p> <button class="button button3" id="leftbutton"> previous</button> <img id="sliders" /> <button class="button button3" id="rightbutton">next</button> 

Answer 2

您已忘記此行上的#號：

var dynamictext=document.querySelector("#dynamictext");