JSFiddle - React, Tailwind, and code Playground
by velo_ninja
HTML
<html>
<head>
<script>
document.addEventListener("DOMContentLoaded", function() {
var title = document.createElement('div');
title.innerHTML = 'I wanna play a Game';
title.style.fontSize = '100px';
title.style.fontFamily = 'Impact';
title.style.color = 'red';
title.style.textShadow = '-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black';
title.style.textAlign = 'center';
document.body.appendChild(title);
var subtitle = document.createElement('div');
subtitle.innerHTML = 'Guess the correct word or else...';
subtitle.style.fontSize = '50px';
subtitle.style.fontFamily = 'Times New Roman';
subtitle.style.color = 'black';
subtitle.style.textAlign = 'center';
subtitle.style.fontStyle = 'italic';
document.body.appendChild(subtitle);
document.body.style.backgroundColor = 'black';
title.style.textShadow = '-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white';
subtitle.style.textShadow = '-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white';
var image = document.createElement('img');
image.src = 'https://i1.sndcdn.com/artworks-000158277269-qwympz-t500x500.jpg';
image.style.width = '500px';
image.style.height = '500px';
image.style.margin = 'auto';
image.style.display = 'block';
document.body.appendChild(image);
var questions = document.createElement('div');
questions.innerHTML = 'Questions';
questions.style.fontSize = '50px';
questions.style.fontFamily = 'Times New Roman';
questions.style.color = 'black';
questions.style.textAlign = 'center';
questions.style.fontStyle = 'italic';
questions.style.textShadow = '-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white';
document.body.appendChild(questions);
var score = 0;
var scoreLeft = document.createElement('div');
scoreLeft.innerHTML = 'Score: ' + score;
scoreLeft.style.fontSize = '50px';
scoreLeft.style.fontFamily = 'Times New Roman';
scoreLeft.style.color = 'black';
scoreLeft.style.textAlign = 'left';
scoreLeft.style.fontStyle = 'italic';
scoreLeft.style.textShadow = '-1px 0 white, 0 1px white,...