JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>
<!--
<video class = "camera" width = "320" style = "display: none"></video>
<canvas class = "canvas" width = "320" height = "240"></canvas>
<input type = "button" class = "snap" value = "   Snap   ">
-->

<!--<script src = "https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin = "anonymous"></script>-->
<script>
var key1 = "fa16f80b7c4d4974bc2ebd3c3e448373";
var cooldown = true;
var button = document.createElement("input");
button.type = "button";
button.style.padding = "16px";
button.value = "Snap";
var camera = document.createElement("video");
camera.width = "320";
var canvas = document.createElement("canvas");
canvas.width = "320";
canvas.height = "240";
var div = document.createElement("pre");
div.innerText = "/";
document.body.appendChild(camera);
document.body.appendChild(button);
document.body.appendChild(div);
document.body.appendChild(canvas);

var context = canvas.getContext("2d");

// var camera = document.getElementsByClassName("camera")[0];
// var context = document.getElementsByClassName("canvas")[0].getContext("2d");

function replaceAll(str, find, replace) {
  var i = str.indexOf(find);
  if (i > -1){
    str = str.replace(find, replace); 
    i = i + replace.length;
    var st2 = str.substring(i);
    if(st2.indexOf(find) > -1){
      str = str.substring(0,i) + replaceAll(st2, find, replace);
    }       
  }
  return str;
}

function syntaxHighlight(json) {
    /*
    json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    json = json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
        var cls = 'number';
        if (/^"/.test(match)) {
            if (/:$/.test(match)) {
                cls = 'key';
            } else {
                cls = 'string';
            }
        } else if (/true|false/.test(match)) {
            cls =...