I try it using my own photos (JPG!) -> I just see white board and score:

[NoahMakiola]

Dear Community,

What do I need to change in the code if I want to use my own photos with jpg?

For example

Instead of:

name: "blank",
img: "images/blank.png"

I renamed it to:

name: "church",
img: "images/church.jpg"

And I did the renaming of all the other parts of the code too.

Appreciate any help <3

[AdemiltonSC]

Hi,


I changed the img name like you had and add an attribute to the img tag, when it was created in app.js.
The entire function below:

function createBoard(){
for (let i=0; i < cardArray.length; i++){
var card = document.createElement('img');
card.setAttribute('src', 'images/blank.png');
card.setAttribute('data-id', i);
card.setAttribute('style', 'max-height:100px;max-width:100px;');

		card.addEventListener('click', flipCard);

		grid.appendChild(card);
	}
}