JSFiddle - React, Tailwind, and code Playground
by KennethLum
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.png" />
<title>Document</title>
</head>
<body>
<a id="the-link"><img id="my-image" /></a>
<script>
const arr = [255, 216, 255, 224, 0, 16, 74, 70, 73, 70, 0, 1, 1, 0, 0, 72, 0, 72, 0, 0, 255, 225, 0, 140, 69, 120, 105, 102, 0, 0, 77, 77, 0, 42, 0, 0, 0, 8, 0, 5, 1, 18, 0, 3, 0, 0, 0, 1, 0, 1, 0, 0, 1, 26, 0, 5, 0, 0, 0, 1, 0, 0, 0, 74, 1, 27, 0, 5, 0, 0, 0, 1, 0, 0, 0, 82, 1, 40, 0, 3, 0, 0, 0, 1, 0, 2, 0, 0, 135, 105, 0, 4, 0, 0, 0, 1, 0, 0, 0, 90, 0, 0, 0, 0, 0, 0, 0, 72, 0, 0, 0, 1, 0, 0, 0, 72, 0, 0, 0, 1, 0, 3, 160, 1, 0, 3, 0, 0, 0, 1, 0, 1, 0, 0, 160, 2, 0, 4, 0, 0, 0, 1, 0, 0, 0, 120, 160, 3, 0, 4, 0, 0, 0, 1, 0, 0, 0, 120, 0, 0, 0, 0, 255, 237, 0, 56, 80, 104, 111, 116, 111, 115, 104, 111, 112, 32, 51, 46, 48, 0, 56, 66, 73, 77, 4, 4, 0, 0, 0, 0, 0, 0, 56, 66, 73, 77, 4, 37, 0, 0, 0, 0, 0, 16, 212, 29, 140, 217, 143, 0, 178, 4, 233, 128, 9, 152, 236, 248, 66, 126, 255, 194, 0, 17, 8, 0, 120, 0, 120, 3, 1, 34, 0, 2, 17, 1, 3, 17, 1, 255, 196, 0, 31, 0, 0, 1, 5, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 3, 2, 4, 1, 5, 0, 6, 7, 8, 9, 10, 11, 255, 196, 0, 195, 16, 0, 1, 3, 3, 2, 4, 3, 4, 6, 4, 7, 6, 4, 8, 6, 115, 1, 2, 0, 3, 17, 4, 18, 33, 5, 49, 19, 34, 16, 6, 65, 81, 50, 20, 97, 113, 35, 7, 129, 32, 145, 66, 21, 161, 82, 51, 177, 36, 98, 48, 22, 193, 114, 209, 67, 146, 52, 130, 8, 225, 83, 64, 37, 99, 23, 53, 240, 147, 115, 162, 80, 68, 178, 131, 241, 38, 84, 54, 100, 148, 116, 194, 96, 210, 132, 163, 24, 112, 226, 39, 69, 55, 101, 179, 85, 117, 164, 149, 195, 133, 242, 211, 70, 118, 128, 227, 71, 86, 102, 180, 9, 10, 25, 26, 40, 41, 42, 56, 57, 58, 72, 73, 74, 87, 88, 89, 90, 103, 104, 105, 106, 119, 120, 121, 122, 134, 135, 136, 137, 138, 144, 150, 151, 152, 153,...