JSFiddle - React, Tailwind, and code Playground

by Professor Tom DeDonno

HTML

<h3 id="blanket">
blanket
</h3>
<h3 id="imgCaption">Is  Overwritten</h3>

JavaScript

let blanket = "blanket.jpg";
let rugosa  = "rugosa.jpg";
let bluestem = "bluestem.jpg";

//add onclick event handlers
document.getElementById( "blanket" ).onclick =
function( ) {
alert( "hello from" + blanket );
//document.getElementById("plantImg").src = blanket;
}
//repeat above code for rugosa, adn bluestem

let captionText =
"<p>Plant Choices for "+
/* before inserting always test and paste links */
"<a href='https://planthardiness.ars.usda.gov' >" +
"hardiness zones</a>" +
" 5a - 6b</p>";

document.getElementById("imgCaption").innerHTML = 
captionText;