Codex Red Button Counter

by JamesonSaunders

HTML

<html>
    <head>
        <script>
        document.addEventListener("DOMContentLoaded", function() {

var button = document.createElement('button');
button.innerHTML = 'Click me';
button.style.position = 'absolute';
button.style.left = '50%';
button.style.top = '50%';
button.style.transform = 'translate(-50%, -50%)';
button.style.backgroundColor = 'red';
document.body.appendChild(button);

var count = 0;
var countDisplay = document.createElement('div');
countDisplay.innerHTML = count;
countDisplay.style.position = 'absolute';
countDisplay.style.left = '50%';
countDisplay.style.top = '0';
countDisplay.style.transform = 'translate(-50%, 0)';
countDisplay.style.backgroundColor = 'red';
document.body.appendChild(countDisplay);

button.onclick = function() {
  count++;
  countDisplay.innerHTML = count;
}
});
        </script>
    </head>
    <body style="margin: 0;">
        <div style="background-color: black; position: fixed; bottom: 0; width: 100%; height: 20px; padding: 20px; opacity: .85; z-index: 1000;">
            <svg id="Layer_1" data-name="Layer 1" height="40px" width="40px" style="top: -8px;
            position: relative;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><defs><style>.cls-1{fill:#fff;}</style></defs><title>openai-symbol-flat-white</title><path class="cls-1"...