JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div id="pendu">
    <div id="word" class="word">

    </div>
    <div id="keyboard" class="keyboard">

    </div>
    <div id="lifes" class="lifes">

    </div>

</div>

CSS

.letter {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    text-align: center;
    line-height: 20px;
    margin-right: 2px;
}

.letter.used {
    background-color: red;
}

.keyboard {
    margin-top: 10px;
}


}

JavaScript

var _0xd037=["\x61","\x62","\x63","\x64","\x65","\x66","\x67","\x68","\x69","\x6A","\x6B","\x6C","\x6D","\x6E","\x6F","\x70","\x71","\x72","\x73","\x74","\x75","\x76","\x77","\x78","\x79","\x7A","\x5F","\x66\x69\x6C\x6C","\x6C\x65\x6E\x67\x74\x68","\x20","\x2D","\x63\x6C\x69\x63\x6B","\x2E\x6C\x65\x74\x74\x65\x72","\x74\x65\x78\x74","\x6F\x6E","\x23\x6B\x65\x79\x62\x6F\x61\x72\x64","\x73\x70\x61\x63\x65\x73\x20\x61\x72\x65\x20\x65\x61\x73\x79\x20\x74\x6F\x20\x6D\x61\x6E\x61\x67\x65","\x69\x6E\x64\x65\x78\x4F\x66","\x70\x75\x73\x68","\x26\x6E\x62\x73\x70\x3B","","\x6A\x6F\x69\x6E","\x57\x49\x4E","\x4C\x4F\x53\x54","\x68\x74\x6D\x6C","\x23\x77\x6F\x72\x64","\x4C\x69\x66\x65\x73\x3A\x20","\x23\x6C\x69\x66\x65\x73","\x6C\x65\x74\x74\x65\x72","\x20\x75\x73\x65\x64","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22","\x22\x3E","\x3C\x2F\x64\x69\x76\x3E","\x65\x61\x63\x68","\x6F\x66\x66"];var currentValue;var alphabet=[_0xd037[0],_0xd037[1],_0xd037[2],_0xd037[3],_0xd037[4],_0xd037[5],_0xd037[6],_0xd037[7],_0xd037[8],_0xd037[9],_0xd037[10],_0xd037[11],_0xd037[12],_0xd037[13],_0xd037[14],_0xd037[15],_0xd037[16],_0xd037[17],_0xd037[18],_0xd037[19],_0xd037[20],_0xd037[21],_0xd037[22],_0xd037[23],_0xd037[24],_0xd037[25]];var used=[];var word;var lifes=3;launch();function launch(){start()}function start(){word=getWord();currentValue=Array(word[_0xd037[28]])[_0xd037[27]](_0xd037[26]);replaceLetter(_0xd037[29]);replaceLetter(_0xd037[30]);displayKeyboard();displayLifes();$(_0xd037[35])[_0xd037[34]](_0xd037[31],_0xd037[32],function(){tryLetter($(this)[_0xd037[33]]())})}function getWord(){return _0xd037[36]}function tryLetter(_0xb940xa){if(used[_0xd037[37]](_0xb940xa)=== -1){used[_0xd037[38]](_0xb940xa);displayKeyboard()};var _0xb940xb=word[_0xd037[37]](_0xb940xa);if(_0xb940xb=== -1){updateMan()}else {replaceLetter(_0xb940xa)}}function replaceLetter(_0xb940xa){for(var...