0

大学向けの簡単なJavaScriptゲームを作成しようとしていますが、画面に表示したいものを取得するのに問題があります。

私のスクリプトは次のとおりです。

var qArray = new Array();
    qArray[0] = {image:"Images/q1.png"};
    qArray[1] = {image:"Images/q2.png"};
    qArray[2] = {image:"Images/q3.png"};
    qArray[3] = {image:"Images/q4.png"};
    qArray[4] = {image:"Images/q5.png"};

var count = 0;
var question = qArray.splice(count,1);

これを使用すると、「未定義」になります。

document.getElementById("question").innerHTML = question.image;

これを使用すると何も得られません：

document.getElementById("question").src = question.image;

私のhtmlは次のような単純なdivです：

<div id = "question" align = "center">
</div>

次の質問の次の画像を表示するために増分するため、「count」変数が必要です

誰かが助けることができればそれは素晴らしいでしょう

4

1 に答える 1

0

これが動作中のフィドルです。qArray.splice（）は、実際にその要素を配列から削除し、配列内の特定のインデックスを探しているときに新しい配列を返すため、機能しません（もちろん、探している要素を削除しただけです）。

これは機能します。ランダムな画像を使用して、実際に読み込まれることを示しました。

<html><head></head><body>

<img src="" id="question"></img>

<script type="text/javascript">

var qArray = new Array();
    qArray[0] = {image:"http://i.imgur.com/pGpmq.jpg"};
    qArray[1] = {image:"Images/q2.png"};
    qArray[2] = {image:"Images/q3.png"};
    qArray[3] = {image:"Images/q4.png"};
    qArray[4] = {image:"Images/q5.png"};

var count = 0;
var question = qArray[count];

document.getElementById('question').src = question.image;

</script>
</body>
</html>
于 2012-05-05T14:40:31.217 に答える