JSFiddle - React, Tailwind, and code Playground

by gabs00

HTML

<body>
    <div id="points">0</div>
    <div id="letterToGuess">aaa</div>
    <div id="response"></div>
    

</body>

CSS

#letterToGuess {
    font-size: 5em;
}

JavaScript

var chars = [
    ['ㄱ', 'G'],
    ['ㄲ', 'GG'],
    ['ㄴ', 'N'],
    ['ㄷ', 'D'],
    ['ㄸ', 'DD'],
    ['ㄹ', 'L'],
    ['ㅁ', 'M'],
    ['ㅂ', 'B'],
    ['ㅃ', 'BB'],
    ['ㅅ', 'S'],
    ['ㅆ', 'SS'],
    ['ㅇ', 'NG'],
    ['ㅈ', 'J'],
    ['ㅉ', 'JJ'],
    ['ㅊ', 'CH'],
    ['ㅋ', 'K'],
    ['ㅌ', 'T'],
    ['ㅍ', 'P'],
    ['ㅎ', 'H'],
    ['ㅏ', 'A'],
    ['ㅐ', 'AE'],
    ['ㅑ', 'YA'],
    ['ㅒ', 'YAE'],
    ['ㅓ', 'EO'],
    ['ㅔ', 'E'],
    ['ㅕ', 'YEO'],
    ['ㅖ', 'YE'],
    ['ㅗ', 'O'],
    ['ㅛ', 'YO'],
    ['ㅜ', 'U'],
    ['ㅠ', 'YU'],
    ['ㅡ', 'EU'],
    ['ㅣ', 'I']
];




var points = 0;
var contents = new Array();
var randomNumber0 = Math.floor((Math.random() * 33) - 1);
var randomNumber1 = Math.floor((Math.random() * 33) - 1);
var randomNumber2 = Math.floor((Math.random() * 33) - 1);
var randomChar = chars[randomNumber0][0];
var randomChar0 = chars[randomNumber0][1];
var randomChar1 = chars[randomNumber1][1];
var randomChar2 = chars[randomNumber2][1];

var f = "'";

document.getElementById("letterToGuess").innerHTML = randomChar;



var i = 0;
var random;
var spacing = "&nbsp;";

while (i < contents.length) {
   
    random = Math.floor(Math.random() * contents.length);
   

    i++;

}



contents[0] = '<button id=' + randomChar0 + ' onclick="check(' + f + randomChar0 + f + ');">' + randomChar0 + '</Button>';
contents[1] = '<button id=' + randomChar1 + ' onclick="check(' + f + randomChar1 + f + ');">' + randomChar1 + '</Button>';
contents[2] = '<button id=' + randomChar2 + ' onclick="check(' + f + randomChar2 + f + ');">' + randomChar2 + '</Button>';

document.getElementById("response").innerHTML = contents;





document.getElementById('btn').addEventListener(onclick).function.check();


function check(char) {




    if (char === randomChar0) {

        points++;
        document.getElementById("points").innerHTML = points;

        randomNumber0 = Math.floor((Math.random() * 33) - 1);
        randomNumber1 = Math.floor((Math.random() * 33) - 1);
        randomNumber2 =...