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">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Friday Love</title>
</head>

<body>
    <div>
        <a href="https://www.youtube.com/watch?v=ucX9hVCQT_U" target="_blank">Friday I'm in Love</a><br>
        <button id="changeDays">Wi not trei a holiday in Sweeden this yer</button>
        <template id="Friday">
            <span data-int>It's |.Day5| I'm in love</span>
        </template>
        <template id="Opening">
            <span data-int>I don't care if |.Day1|'s blue</span><br>
            <span data-int>|.Day2|'s gray and |.Day3| too</span><br>
            <span data-int>|.Day4| I don't care about you</span><br>
            <span data-init="Friday"></span>
        </template>

        <template id="Main">
            <div data-init="Opening" class="stanza"></div>
            <div class="stanza">
                <span data-int>|.Day1| you can fall apart</span><br>
                <span data-int>|.Day2| |.Day3| break my heart</span><br>
                <span data-int>Oh, |.Day4| doesn't even start</span><br>
                <span data-init="Friday"></span>
            </div>
            <div class="stanza">
                <span data-int>|.Day6| wait</span><br>
                <span data-int>And |.Day7| always comes too late</span><br>
                <span data-int>But |.Day5| never hesitate</span>
            </div>

            <div class="stanza">
                <span data-int>I don't care if |.Day1|'s black</span><br>
                <span data-int>|.Day2|, |.Day3| heart attack</span><br>
                <span data-int>|.Day4| never looking back</span><br>
                <span data-init="Friday"></span>
            </div>
            <div class="stanza">
                <span data-int>|.Day1| you can hold your head</span><br>
                <span data-int>|.Day2|, |.Day3| stay in...