Javascript wont load image

Question

I have a button with onclick = "generateCat()" in my html file. When I click the button running a web browser the image will not load.

function generateCat(){

    var image = document.createElement("img");// Create image element

    var div = document.getElementById("flex-cat-gen"); // Get access to div container

    image.src = "image\320464.jpg";

    div.appendChild(image); // To the div appendchild (image)

}

Answer 1

You have created the function and everything correctly. But you need to call the function.

function. At the very end, of it, I called it. The following code is correct. Good Luck,

Best, Jack

generateCat(){

var image = document.createElement("img");// Create image element

var div = document.getElementById("flex-cat-gen"); // Get access to div container

image.src = "image\320464.jpg";

div.appendChild(image); // To the div appendchild (image)

}

generateCat();