JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<!DOCTYPE html>
<html>
<head>
<body>
<h1>some images</h1>
<p>by frogggeee</p>
<img onmouseover="big()" onmouseout="normal()" src="https://ozh.github.io/cookieclicker/img/favicon.ico" alt="Smiley" width="32" height="32" onclick="alert('clicked')">

<canvas id = "canvas" width = "480" height = "360" ></canvas>
<img onmouseover="big()" onmouseout="normal()" src="https://ozh.github.io/cookieclicker/img/favicon.ico" alt="Smiley" width="32" height="32" onclick="alert('clicked')">
<script>
let canvas = document.getElementById("canvas");
let ctx = canvas.getContext("2d");
let image = new Image();
let image2 = new Image();
image2.src = "https://img.purch.com/w/660/aHR0cDovL3d3dy5saXZlc2NpZW5jZS5jb20vaW1hZ2VzL2kvMDAwLzA5Ny85NTcvb3JpZ2luYWwvc3BhY2UuanBn";
image.src = "https://vignette.wikia.nocookie.net/jurassicpark/images/3/34/T-Rex_3.png/revision/latest?cb=20141230024946";

ctx.drawImage(image2, 20, 20, 660, 495);
ctx.drawImage(image, 180, 100, 250, 200);
</script>
</body>
</head>
</html>