JSFiddle - React, Tailwind, and code Playground
by Bruce Anderson
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<a href="https://www.youtube.com/watch?v=2-Lb-JhsaEk" target="_blank">Something's gone wrong again</a>
<template id="Title">Something's gone wrong again</template>
<template id="Title2">Something goes wrong again</template>
<template id="Again">And again</template>
<template id="Again2">And again, and again, again and something's gone wrong again</template>
<template id="Again3">And again, and again, again and something goes wrong again</template>
<template id="Agains">
<span data-init="Again"></span><br>
<span data-init="Again2"></span><br>
<span data-init="Title"></span>
</template>
<template id="Agains2">
<span data-init="Title2"></span><br>
<span data-init="Again"></span><br>
<span data-init="Again3"></span><br>
<span data-init="Title2"></span>
</template>
<template id="bus">
<span>Nothing ever happens to people like us</span><br>
<span>'Cept we miss the bus, something goes wrong again</span><br>
<span>Need a smoke, use my last fifty P.</span><br>
<span>But the machine is broke, something's gone wrong again</span>
</template>
<template id="Main">
<div>
<span>Tried to find my sock</span><br>
<span>No good, it's lost</span><br>
<span data-init="Title"></span><br>
<span>Need a shave</span><br>
<span>Cut myself, need a new blade</span><br>
<span data-init="Title"></span>
</div>
<div data-init="Agains"></div>
<div>
<span>Tried to fry an egg</span><br>
<span>Broke the...