innerHTML 不会显示随机文本

Question

今天我制作了这个 JS 代码，单击按钮时，select 应该从列表中随机显示一条消息，然后显示它。 然而，它只是从列表中抓取一个（test4）并一直显示那个特定的。 我不知道该怎么做才能解决问题。 当我将它记录到控制台时，我得到了正确的 html。

 var r_text = new Array(); var r_pm = new Array(); let pm1 = `<p id="pname"></p> <h3 id="pm">test1</h3>` let pm2 = `<p id="pname"></p> <h3 id="pm">test2</h3>`; let pm3 = `<p id="pname"></p> <h3 id="pm">test3</h3>`; let pm4 = `<p id="pname"></p> <h3 id="pm">test4</h3>`; let pm5 = `<p id="pname"></p> <h3 id="pm">test5</h3>`; function nextPM() { getPM(); getPname(); } function getPM() { r_pm[0] = pm1; r_pm[1] = pm2; r_pm[2] = pm4; i = Math.floor(3 * Math.random()) let pm = r_pm[i] console.log(pm) if (pm = pm1) { pm1text(); } if (pm = pm2) { pm2text(); } if (pm = pm3) { pm3text(); } if (pm = pm4) { pm3text(); } } function pm1text() { document.getElementById("pmdiv").innerHTML = `${pm1}` if (pmanswer = fix) { goodanswer(); } if (pmanswer = agyogyit) { badanswer(); let hibapont = +1; } } function pm2text() { document.getElementById("pmdiv").innerHTML = `${pm2}` if (pmanswer = agyogyit) { goodanswer(); } if (pmanswer = fix) { badanswer(); let hibapont = +1; } } function pm3text() { document.getElementById("pmdiv").innerHTML = `${pm3}` if (pmanswer = agyogyit) { goodanswer(); } if (pmanswer = fix) { badanswer(); let hibapont = +1; } } function pm4text() { document.getElementById("pmdiv").innerHTML = `${pm4}` if (pmanswer = agyogyit) { goodanswer(); } if (pmanswer = fix) { badanswer(); let hibapont = +1; } }

 <div id="pmdiv"></div> <article> <button class="button" id="next" onclick="nextPM();">Next</button> </article>

Answer 1

问题在于您的if条件，您没有评估，而只是分配一个值。 这意味着您的最后一个if条件会覆盖结果。 您需要使用==而不是=

 var r_text = new Array(); var r_pm = new Array(); let pm1 = `<p id="pname"></p> <h3 id="pm">test1</h3>` let pm2 = `<p id="pname"></p> <h3 id="pm">test2</h3>`; let pm3 = `<p id="pname"></p> <h3 id="pm">test3</h3>`; let pm4 = `<p id="pname"></p> <h3 id="pm">test4</h3>`; let pm5 = `<p id="pname"></p> <h3 id="pm">test5</h3>`; function nextPM() { getPM(); } function getPM() { r_pm[0] = pm1; r_pm[1] = pm2; r_pm[2] = pm4; i = Math.floor(3 * Math.random()) let pm = r_pm[i] if (pm == pm1) { pm1text(); } if (pm == pm2) { pm2text(); } if (pm == pm3) { pm3text(); } if (pm == pm4) { pm3text(); } } function pm1text() { document.getElementById("pmdiv").innerHTML = `${pm1}` } function pm2text() { document.getElementById("pmdiv").innerHTML = `${pm2}` } function pm3text() { document.getElementById("pmdiv").innerHTML = `${pm3}` } function pm4text() { document.getElementById("pmdiv").innerHTML = `${pm4}` }

 <div id="pmdiv"> </div> <article><button class="button" id="next" onclick="nextPM();">Next</button></article>