2016-05-29 27 views
-2

這段代碼不工作,因爲我會喜歡它,但我不知道這個問題。此JavaScript代碼無效。我的語法錯了還是其他的東西?


代碼:JavaScript中的經驗

<body> 
    var randNumForQuote = Math.floor((Math.random() * 11)); 

    if (randNumForQuote == 0) { 
    document.getElementById("quoteDiv").innerHTML = "Hello"; 
    } else if (randNumForQuote == 1) { 
    document.getElementById("quoteDiv").innerHTML = "Hello1"; 
    } else if (randNumForQuote == 2) { 
    document.getElementById("quoteDiv").innerHTML = "Hello2"; 
    } else if (randNumForQuote == 3) { 
    document.getElementById("quoteDiv").innerHTML = "Hello3"; 
    } else if (randNumForQuote == 4) { 
    document.getElementById("quoteDiv").innerHTML = "Hello4"; 
    } else if (randNumForQuote == 5) { 
    document.getElementById("quoteDiv").innerHTML = "Hello5"; 
    } else if (randNumForQuote == 6) { 
    document.getElementById("quoteDiv").innerHTML = "Hello6"; 
    } else if (randNumForQuote == 7) { 
    document.getElementById("quoteDiv").innerHTML = "Hello7"; 
    } else if (randNumForQuote == 8) { 
    document.getElementById("quoteDiv").innerHTML = "Hello8"; 
    } else if (randNumForQuote == 9) { 
    document.getElementById("quoteDiv").innerHTML = "Hello9"; 
    } else if (randNumForQuote == 10) { 
    document.getElementById("quoteDiv").innerHTML = "Hello10"; 
    } 

    <div id="quoteDiv"></div> 
</body> 


我有限的,所以不明白這個問題太清楚。

我期待股利說的輸出之一(例如Hello, Hello1, Hello2, etc.

+0

你忘了告訴我們你的期待。這個代碼工作,因爲它是寫.. – Rayon

+0

此代碼爲我工作的罰款。如果你有很多條件,最好使用'switch'語句。 – sabith

+0

對不起,您會添加 –

回答

1

你需要把JavaScript代碼裏面script標籤和頁面加載後,所以把裏面window.onload回調運行代碼,在文檔加載過程結束時觸發。

<body> 
 
    <script> 
 
    window.onload = function() { 
 
     var randNumForQuote = Math.floor((Math.random() * 11)); 
 

 
     if (randNumForQuote == 0) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello"; 
 
     } else if (randNumForQuote == 1) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello1"; 
 
     } else if (randNumForQuote == 2) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello2"; 
 
     } else if (randNumForQuote == 3) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello3"; 
 
     } else if (randNumForQuote == 4) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello4"; 
 
     } else if (randNumForQuote == 5) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello5"; 
 
     } else if (randNumForQuote == 6) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello6"; 
 
     } else if (randNumForQuote == 7) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello7"; 
 
     } else if (randNumForQuote == 8) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello8"; 
 
     } else if (randNumForQuote == 9) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello9"; 
 
     } else if (randNumForQuote == 10) { 
 
     document.getElementById("quoteDiv").innerHTML = "Hello10"; 
 
     } 
 
    } 
 
    </script> 
 

 
    <div id="quoteDiv"></div> 
 
</body>


雖然CA減少代碼

<body> 
 
    <script> 
 
    window.onload = function() { 
 
     var randNumForQuote = Math.floor((Math.random() * 11)); 
 
     document.getElementById("quoteDiv").innerHTML = "Hello" + (randNumForQuote ? " " + randNumForQuote : ''); 
 
    } 
 
    </script> 
 

 
    <div id="quoteDiv"></div> 
 
</body>

+0

非常感謝您@Pranav C Balan,完美的工作 –

+0

@TheEngineer:很樂意幫忙 –

0

JavaScript需要在一個腳本標記,如果它在HTML和你需要有div在腳本標記之前。

<body> 
 
    <div id="quoteDiv"></div> 
 
<script> 
 
    var randNumForQuote = Math.floor((Math.random() * 11)); 
 

 
    if (randNumForQuote == 0) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello"; 
 
    } else if (randNumForQuote == 1) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello1"; 
 
    } else if (randNumForQuote == 2) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello2"; 
 
    } else if (randNumForQuote == 3) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello3"; 
 
    } else if (randNumForQuote == 4) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello4"; 
 
    } else if (randNumForQuote == 5) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello5"; 
 
    } else if (randNumForQuote == 6) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello6"; 
 
    } else if (randNumForQuote == 7) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello7"; 
 
    } else if (randNumForQuote == 8) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello8"; 
 
    } else if (randNumForQuote == 9) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello9"; 
 
    } else if (randNumForQuote == 10) { 
 
    document.getElementById("quoteDiv").innerHTML = "Hello10"; 
 
    } 
 
</script> 
 
</body>

0
<html> 
<body> 
    <div id="quoteDiv"></div> 



</body> 
<script> 
// self executing function here 

    var randNumForQuote = Math.floor((Math.random() * 11)); 

    if (randNumForQuote == 0) { 
    document.getElementById("quoteDiv").innerHTML = "Hello"; 
    } else if (randNumForQuote == 1) { 
    document.getElementById("quoteDiv").innerHTML = "Hello1"; 
    } else if (randNumForQuote == 2) { 
    document.getElementById("quoteDiv").innerHTML = "Hello2"; 
    } else if (randNumForQuote == 3) { 
    document.getElementById("quoteDiv").innerHTML = "Hello3"; 
    } else if (randNumForQuote == 4) { 
    document.getElementById("quoteDiv").innerHTML = "Hello4"; 
    } else if (randNumForQuote == 5) { 
    document.getElementById("quoteDiv").innerHTML = "Hello5"; 
    } else if (randNumForQuote == 6) { 
    document.getElementById("quoteDiv").innerHTML = "Hello6"; 
    } else if (randNumForQuote == 7) { 
    document.getElementById("quoteDiv").innerHTML = "Hello7"; 
    } else if (randNumForQuote == 8) { 
    document.getElementById("quoteDiv").innerHTML = "Hello8"; 
    } else if (randNumForQuote == 9) { 
    document.getElementById("quoteDiv").innerHTML = "Hello9"; 
    } else if (randNumForQuote == 10) { 
    document.getElementById("quoteDiv").innerHTML = "Hello10"; 
    } 
</script> 

</html> 
+0

您能否介紹一下代碼修復用戶的問題(不必很長)問題? :) –

相關問題