<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
</head>
<body>
<p>This is a demo for Fidelis.</p>
<script>
//following line of javascript ensures that the page has finished loading before running our javascript code. It's considered "best practices" to do this.
$( document ).ready(function() {
//grab body, append (add to the bottom) an img with the url of...
$("body").append('<img src="https://i.pinimg.com/originals/bf/12/06/bf1206a45b426c5e36564254446c49b6.jpg" >')
//add a text description underneath
$("body").append("<p>I'm adding text about the art</p>")
//if you added the line 15 above to pause running javascript until the page loads, then we need to tell it where our code ends using the line below
});
</script>
</body>
</html>