问如何设置超文本标记语言表格的布局，使其在通过JS在<td>中输入值时不会更改？

EN

$(document).ready(function() {
        TableInit();
    });
    
    function TableInit() {
        $("#btn").click(function() {
            $("td").empty().removeClass(); // reset table
            var rand1 = Math.floor(Math.random() * 16) //first random cell
            $("table").find("td").eq(rand1).text(2).addClass("twos"); // setting value and class "2" to first random cell
            var i = Math.floor(Math.random() * 9); // random for displaying "4" 10% of the time
            if (i == 0)
                val = 4;
            else
                val = 2;
            var rand2 = Math.floor(Math.random() * 16);
            while (rand1 == rand2) // to avoid rand1 and rand2 going to the same cell
                rand2 = Math.floor(Math.random() * 16);
            if (val == 2)
                $("table").find("td").eq(rand2).text(val).addClass("twos"); //setting value and class "2" to 2nd random cell
            else
                $("table").find("td").eq(rand2).text(val).addClass("fours"); //setting value and class "4" to 2nd random cell
    
        });
    }

 body {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        background-color: antiquewhite;
        font-size: larger;
    }
    
    h1 {
        font-size: 40px;
    }
    
    table {
        font-size: 40px;
        border-collapse: collapse;
        table-layout: fixed;
    }
    
    td {
        border: 15px solid rgb(161, 110, 110);
        background-color: LemonChiffon;
        padding: 60px;
        margin: 0px;
        font-size: 40px;
        height: 60px;
        max-height: 60px;
        width: 80px;
        max-width: 80px;
    }
    
    .twos {
        background-color: rgb(235, 185, 61);
        font-size: 40px;
    }
    
    .fours {
        background-color: rgb(136, 25, 25);
        font-size: 40px;
    }
    
    .button {
        background-color: rgb(231, 101, 14);
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<center>
    <h1>2048</h1>
    <input type="button" value="New game" id="btn" align="center" class="button" /><br>

    <table>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
</center>