The JS code below adds an extra paragraph to the HTML page on click of a button. But how can I change this code to add an image

Question

function newParagraph() {

var element = document.createElement("p");

var main = document.getElementById("main");

main.appendChild(element);

var text = document.createTextNode("The Battle of Salamis was fought between an alliance of Greek cities and the Persian Empire in 480 BC. The Greeks decisively defeated the Persian navy.");

element.appendChild(text);

}

Answer 1

ok. Will I still have to create new element ? as in : var element = document.createElement("IMG"); ?

Answer 2

Peter Claver uhh why did you delete your answer ?

Answer 3

Masquerade I'm getting you the exact thing