Quiz

Click here to see what we are aiming for in this tutorial.

But this time I'm planning a different approach. I'm going to take you through the steps I took to create this simple game.

Also I'm not planning to share my images with you. It's up to you to decide on a quiz topic and to find suitable images. They can be any size but shouldn't be too small and, as you can see, you need at least 5 but more is better.

So create a project_12 directory with an images sub-directory in it to store your pictures.

Create a pics.js file in your project_12 directory with the names of your images in it. This is what mine looks like:

g_pics=[
'Big Ben',
'Pyramids',
'South Pole',
'Sphinx',
'Stonehenge',
'Colosseum',
'Leaning Tower of Pisa',
'Statue of Liberty',
'Sydney Opera House',
'Taj Mahal'
];

Now in my images directory I renamed the files 0.jpg to 9.jpg