使用javascript為結果編號添加變量是隨機的

Question

問候大家，

有人可以檢查代碼，我在某個地方犯了一個錯誤，但是，我不知道我在這里做錯了什么。 唯一知道的是，我有時會在屏幕上出現未定義的情況。 如果我這樣做，我可能會在這種方法上做錯什么......我想知道修復方法。

我在互聯網上查看了更多示例，但是....我沒有看到與我想做的事情相近的結果。

我喜歡存檔的是，按下一個按鈕，它會根據我們滾動的隨機數給出多種技能結果。

這是我正在談論的代碼：

<script>
function rollDiceSkill(){
    var die3 = document.getElementById("die3");
    var d1 = Math.floor(Math.random() * 100) + 1;
    var diceTotal = d1;
    var SkillNr;
    if (diceTotal > 40) {
        SkillNr = "Skill 1";
    } else
    if (diceTotal > 70) {
        SkillNr = "Skill 2";
    } else 
    if (diceTotal < 71) {
        SkillNr = "Skill 3";
    }
    intothis.innerHTML = "<b><font size='40'>Enemy Use:</font><br><font size='40' color='#00CC00'>"+SkillNr+"</font></b>"
    }
</script>

我也想知道關於這種 javascripts 的內容，我如何在結果中添加更多變量。 因此，例如，我可以添加更多技能。

謝謝！

編輯：

我忘了說，我在 Bootstrap 3 中使用它。

Answer 1

intoThis 在此函數中未定義，除非您將其置於 rollDiceSkill() 之上的范圍內。 此外，您的 if 語句根本沒有任何意義。 所以我把它們改成了。

 function rollDiceSkill() { var intoThis = document.getElementById("intoThis"); var diceTotal = Math.floor(Math.random() * 100) + 1; var SkillNr; if (diceTotal < 40) { SkillNr = "Skill 1"; } else if (diceTotal < 70) { SkillNr = "Skill 2"; } else { SkillNr = "Skill 3"; } intoThis.innerHTML = "<b><font size='40'>Enemy Use:</font><br><font size='40' color='#00CC00'>" + SkillNr + "</font></b>" } rollDiceSkill();

 <div id="intoThis"></div>