JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <form>
        <input type="Button" value="Click to Take Your Turn" onClick="playWar()"></input>
    </form>
    <p>
         <h1>This Is War Lets Play!!!!</h1>

        <br>
        <div id="play"></div>
</body>

</html>

JavaScript

var disp = function() {
    document.getElementById("play").innerHTML = "You drew a " + user_disp + ".";
    document.getElementById("play").innerHTML = "Your opponent drew a " + cpu_disp + ".";
    document.getElementById("play").innerHTML = statement;
};

var war = function() {
    document.getElementById("play").innerHTML = "W-A-R spells WAR!";
    disp();
};

var full = [1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4, 5, 5, 5, 5, 6, 6, 6, 6, 7, 7, 7, 7, 8, 8, 8, 8, 9, 9, 9, 9, 10, 10, 10, 10, 11, 11, 11, 11, 12, 12, 12, 12, 13, 13, 13, 13];
var user = [];
var cpu = [];
var rand = 0;
//Shuffles and deals the deck
var shuffled = [];
for (var i = 0; i < 52; i++) {
    rand = Math.floor(Math.random() * full.length);
    shuffled.push(full[rand]);
    full.splice(rand, 1);
}
for (var j = 0; j < 52; j++) {
    if (j % 2 === 0) {
        user[user.length] = shuffled.pop();
    } else {
        cpu[cpu.length] = shuffled.pop();
    }
}
//Creates a bunch of variables and functions that will be needed in the game
var cpu_card = 0;
var cpu_warcard = 0;
var cpu_war1 = 0;
var cpu_war2 = 0;
var cpu_war3 = 0;
var cpu_disp = 0;
var user_card = 0;
var user_warcard = 0;
var user_war1 = 0;
var user_war2 = 0;
var user_war3 = 0;
var user_disp = 0;
var statement = 0;

var card_name = function(cpuc, userc) {
    switch (cpuc) {
    case 13:
        cpu_disp = "K";
        break;
    case 12:
        cpu_disp = "Q";
        break;
    case 11:
        cpu_disp = "J";
        break;
    case 1:
        cpu_disp = "A";
        break;
    default:
        cpu_disp = cpuc;
        break;
    }
    switch (userc) {
    case 13:
        user_disp = "K";
        break;
    case 12:
        user_disp = "Q";
        break;
    case 11:
        user_disp = "J";
        break;
    case 1:
        user_disp = "A";
        break;
    default:
        user_disp = userc;
        break;
    }
};

function playWar() {
    if (user.length < 52 && user.length > 1) {
        //Picks out the cards that...