JSFiddle - React, Tailwind, and code Playground

by makingthings

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-recur/1.0.7/moment-recur.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.8.1/tachyons.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<div class="wrapper flex items-center contents-justify bg-lightest-blue">
  <article class="mw7 bg-blue pa2 lightest-blue">
    <h1 class="avenir fw5 center">Hello</h1>
  </article>
</div>

CSS

html,body{
  width:100%;
  height:100%
}

.wrapper{
  height:100%;
}

JavaScript

let headline = document.querySelector('.avenir');
console.log(headline)
const myDate = moment("01/01/2014");
let interval = myDate.recur().every(1).minute()
headline.append(interval);