JSFiddle - React, Tailwind, and code Playground

by Douglas Crosby

HTML

<form name="myForm" action="#">
  <input type="text" size="20" name="myClick">
  <input type="button" value="Start" name="myFormButton" onclick="myWatch(0)" />
      <input type="button" value="Rap" name="Rap" onclick="stop()" />
      <input type="button" value="clear" name="clear" onclick="cc()" />
</form>
<h3>
  <div id="pos"></div>
</h3>

JavaScript

var a = 0;
var myButton = 0;
var objBody = null;
var b = 0;

function myWatch(flug) {
    if(myButton == 0) {
        Start = new Date();
        myButton = 1;
        document.myForm.myFormButton.value = "Stop!";
        myInterval = setInterval("myWatch(1)", 1);
    } else {
        if(flug == 0) {
            myButton = 0;
            document.myForm.myFormButton.value = "Start";
            clearInterval(myInterval);
        }
        Stop = new Date();
        T = Stop.getTime() - Start.getTime();
        H = Math.floor(T / (60 * 60 * 1000));
        T = T - (H * 60 * 60 * 1000);
        M = Math.floor(T / (60 * 1000));
        T = T - (M * 60 * 1000);
        S = Math.floor(T / 1000);
        Ms = T % 1000;
        document.myForm.myClick.value = H + ":" + M + ":" + S + ":" + Ms;
    }
}

function stop() {
    b++;
    stopa();
}

function stopa() {
    var element = document.createElement('div');
    objBody = document.getElementById("pos");
    objBody.appendChild(element);

    rap = "";
    rap = "rap" + b + "=" + H + ":" + M + ":" + S + ":" + Ms;
    element.innerHTML = rap;
}

function cc() {
    if (objBody.hasChildNodes())
        while (objBody.hasChildNodes()) {
            objBody.removeChild(objBody.lastChild);
        }
    document.myForm.myClick.value = "";
}