2016-05-29 6 views
-2

このコードはうまくいきませんでしたが、問題の原因がわかりません。この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> 


私はJavaScriptで限られた経験を持っているので、あまりにもよく問題を理解していません。

私は出力のいずれか(例えば。Hello, Hello1, Hello2, etc.を)言ってdiv要素を期待してい

+0

あなたは、このコードは私のために正常に動作している – Rayon

+0

...それが書かれているように、このコードが動作している..あなたが期待しているものを教えを忘れていました。多くの条件がある場合は、 'switch'ステートメントを使用する方がよいでしょう。 – sabith

+0

申し訳ありません、ご協力ありがとうございます –

答えて

1

あなたはscriptタグ内のJavaScriptコードを入れて、ページがそのように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>


あなたは

<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でいた場合、スクリプトタグ内にあることが必要コードを削減し、あなたのCAが、持っている必要がありますスクリプトタグの前に来てください。

<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

あなたの説明を書いてください問題? :) –

関連する問題