JSFiddle - React, Tailwind, and code Playground

HTML

<div class="line">
    <div class="block"></div>
    <div class="txt block">☺</div>
    <div class="block">Ставка по умолчанию:</div>
    <input type="text" value="20" id="defbet" />
</div>

<div class="line">
<div class="block">Карты дилера:</div>   
<div id="dcards" class="card block"></div> 
 
    <div class="block"></div> 
<div id="ds" class="card"></div>  
    
</div>    

<div class="line">
    <div class="block">Ваш счет:</div>  
    <div id="money" class="block">10000</div>
    <div class="block">Ваша ставка:</div>  
    <div id="bet">0</div>
</div>
<div class="line">
    
</div>

<div class="line">
    <div class="block">Ваши карты:</div>  
    <div id="mcards" class="card block"></div>
        <div class="block"></div> 
    <div id="ms" class="card"></div>  
</div>
<div class="line">
    <button id="g" class="but block" onclick="window.give();document.getElementById('ds').innerHTML=s(dca);document.getElementById('ms').innerHTML=s(mca)">Раздать</button>
    <button id="d" class="but block" onclick="window.dub();document.getElementById('ds').innerHTML=s(dca);document.getElementById('ms').innerHTML=s(mca)">Удвоить</button>
    <button id="m" class="but block" onclick="window.more();document.getElementById('ds').innerHTML=s(dca);document.getElementById('ms').innerHTML=s(mca)">Ещё</button>
    <button id="e" class="but" onclick="window.enough();document.getElementById('ds').innerHTML=s(dca);document.getElementById('ms').innerHTML=s(mca)">Хватит</button>
    
</div>

<div id="log"></div>

CSS

.txt{
    font-size:75px;
}
.card{
    font-size:30px;   
}
.block{
    width:130px;
    height:75px;
    float:left;
}
.line{
    clear:both;
}
.but{
    height:45px;
    width:85px;
    
}

JavaScript

// Generated by LiveScript 1.2.0
(function(){
  var cards, deck, sdeck, shuffle, gid, mc, dc, defbet, m, bet, mch, dch, l, tod, log, tom, clear, summ, betbet;
  cards = [['\ud83c\udca1', '\ud83c\udca2', '\ud83c\udca3', '\ud83c\udca4', '\ud83c\udca5', '\ud83c\udca6', '\ud83c\udca7', '\ud83c\udca8', '\ud83c\udca9', '\ud83c\udcaa', '\ud83c\udcab', '\ud83c\udcad', '\ud83c\udcae'], ['\ud83c\udcb1', '\ud83c\udcb2', '\ud83c\udcb3', '\ud83c\udcb4', '\ud83c\udcb5', '\ud83c\udcb6', '\ud83c\udcb7', '\ud83c\udcb8', '\ud83c\udcb9', '\ud83c\udcba', '\ud83c\udcbb', '\ud83c\udcbd', '\ud83c\udcbe'], ['\ud83c\udcc1', '\ud83c\udcc2', '\ud83c\udcc3', '\ud83c\udcc4', '\ud83c\udcc5', '\ud83c\udcc6', '\ud83c\udcc7', '\ud83c\udcc8', '\ud83c\udcc9', '\ud83c\udcca', '\ud83c\udccb', '\ud83c\udccd', '\ud83c\udcce'], ['\ud83c\udcd1', '\ud83c\udcd2', '\ud83c\udcd3', '\ud83c\udcd4', '\ud83c\udcd5', '\ud83c\udcd6', '\ud83c\udcd7', '\ud83c\udcd8', '\ud83c\udcd9', '\ud83c\udcda', '\ud83c\udcdb', '\ud83c\udcdd', '\ud83c\udcde']];
  deck = [[0, 0, false], [0, 1, 2], [0, 2, 3], [0, 3, 4], [0, 4, 5], [0, 5, 6], [0, 6, 7], [0, 7, 8], [0, 8, 9], [0, 9, 10], [0, 10, 10], [0, 11, 10], [0, 12, 10], [1, 0, false], [1, 1, 2], [1, 2, 3], [1, 3, 4], [1, 4, 5], [1, 5, 6], [1, 6, 7], [1, 7, 8], [1, 8, 9], [1, 9, 10], [1, 10, 10], [1, 11, 10], [1, 12, 10], [2, 0, false], [2, 1, 2], [2, 2, 3], [2, 3, 4], [2, 4, 5], [2, 5, 6], [2, 6, 7], [2, 7, 8], [2, 8, 9], [2, 9, 10], [2, 10, 10], [2, 11, 10], [2, 12, 10], [3, 0, false], [3, 1, 2], [3, 2, 3], [3, 3, 4], [3, 4, 5], [3, 5, 6], [3, 6, 7], [3, 7, 8], [3, 8, 9], [3, 9, 10], [3, 10, 10], [3, 11, 10], [3, 12, 10]];
  sdeck = JSON.parse(JSON.stringify(deck));
  shuffle = function(){
    var i$, ref$, len$, i, x, ref1$;
    for (i$ = 0, len$ = (ref$ = deck).length; i$ < len$; ++i$) {
      i = i$;
      x = ref$[i$];
      if (x = Math.floor(Math.random() * (i + 1)), true) {
        ref1$ = [deck[x], deck[i]], deck[i] = ref1$[0], deck[x] = ref1$[1];
      }
    }
  };
 ...