JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table">
    <tr class="head">
        <td>Simulation</td>
        <td>White Christmas</td>
        <td>No White Christmas</td>
    </tr>
</table>

CSS

table, tr td{ 
    border: 1px solid black;
    padding: 2px
    
}
table, tr.head{
    background: yellow;
    color: red;
}
table, tr{
    color: black;
    background: white
}

JavaScript

for(j=1;j<=10; j++)
    {
    count = 0
    for(i=1; i<= 10; i++){
        if(Math.random()*100 <= 60)
            count++;
    }
    no_w_c = 10 - count;
    $("#table").append("<tr><td>"+j+"</td><td>"+count+"</td><td>"+no_w_c+"</td></tr>");
}