Home/ Questions/Q 7885677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T05:07:58+00:00

I’m trying to create a simple javascript game for college and am having trouble

  • 0

I’m trying to create a simple javascript game for college and am having trouble getting what i want to display on screen.

my script is as follows:

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);

when i use this i get “undefined”:

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

and when i use this i get nothing:

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

my html is just a simple div like so:

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

i need to have the “count” variable because it increments to show the next image for the next question

if anyone could help that would be great

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is a working Fiddle. qArray.splice() doesn’t work because it actually removes that element from the array and returns a new array while you were just looking for a specific index in the array (not to mention you just deleted the element you were looking for)

    This works. I used a random imgur image to show that it does indeed load.

    <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>
    • 0