JSFiddle - React, Tailwind, and code Playground

by Cathal Doherty

HTML

<html>
<head><title>MY LAB!</title></head>
<style>
body 	{ background-color: tomato; }
h1 	{ color: white; text-align: center; }
p 	{ font-family: verdana; font-size: 20px; }
div 	{ font-family: verdana; font-size: 20px; }

</style>
<script>
//
// sayWelcome() function
//

function sayWelcome() {
  alert ("Welcome to Cathal Doherty's submission!");
}
</script>
<body>
 <p> Click here for a 
     <a href="https://www.youtube.com/watch?v=Ss96Hff7OnE">
      SUPRISE
     </a>
 </p>
 <div>
   <img onClick="sayWelcome();" src="https://www.churchmilitant.com/images/uploads/maynooth.jpg" />
 </div>
</body>
</html>

CSS

body 	{ background-color: tomato; }
h1 	{ color: white; text-align: center; }
p 	{ font-family: verdana; font-size: 20px; }
div 	{ font-family: verdana; font-size: 20px; }

JavaScript

//
// sayWelcome() function
//

function sayWelcome() {
  alert ("Welcome to Cathal Doherty's submission!");
}