HTML/CSS - game for bitmap Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
    <aside id="random">
    <div id="dice1">0</div>
    <div id="dice2">0</div>
    <div id="add">0</div>
    <button>ROLL DICE</button>
    </aside>
    <header id="head">
        
    </header>
    <main>
       <article id="first">
       <section id="blue"> 
       <div class="bluebtn"></div>
       <div class="bluebtn"></div>
       <div class="bluebtn"></div>
       <div class="bluebtn"></div>
       </section>
       
       <div class="flex">
        <div class="column">
         <div class="div"> </div>
         <div class="div"> </div>

css

*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}
body {
    margin-top:10vh;
    background-color:crimson;
    display:flex;
    /*align-items:center;*/
    justify-content:center;
}
header{
    position:fixed;
    color:white;
    top:0;
    left:0;
    width:100%;
    height:30px;
    background-color:black;
    padding:5px;
    text-align:center;
}
#random{
position:fixed ;
bottom:0;
left:0;
    display:flex;

window.onload=function(){
  var pass= document.getElementsByClassName("div");
 var greenmp = [
 58,57,56,55,54,35,34,33,32,31,30,24,18,19,20,21,22,23,5,4,3,2,1,0,6,12,13,14,15,16,17,36,37,38,39,40,41,47,53,52,51,50,49,48,66,67,68,69,70,71,65,64,63,62,61,60
]
var blmp=[
     19,20,21,22,23,5,4,3,2,1,0,6,12,13,14,15,16,17,36,37,38,39,40,41,47,53,52,51,50,49,48,66,67,68,69,70,71,65,59,58,57,56,55,54,35,34,33,32,31,30,24,25,26,27,28,29
]
var redmp=[
  13,14,15,16,17,36,37,38,39,40,41,47,53,52,51,50,49,48,66,67,68,69,70,71,65,59,58,57,56,55,54,35,34,33,32,31,30,24,18,19,20,21,22,23,5,4,3,2,1,0,6,7,8,9,10,11
]
var yewmp = [
52,51,50,49,48,66,67,68,69,70,71,65,59,58,57,56,55,54,35,34,33,32,31,30,24,18,19,20,21,22,23,5,4,3,2,1,0,6,12,13,14,15,16,17,36,37,38,39,40,41,47,46,45,44,43,42,
]
 var head = document.getElementById("head")
 var blue = document.getElementsByClassName("bluebtn")[0];
 var red = document.getElementsByClassName("redbtn")[0]
 var green = document.getElementsByClassName ("grnbtn")[0]
 var yellow = document.getElementsByClassName("yewbtn")
 var buttyew=document.getElementById ("ru")
 var buttyw=document.getElementById ("ru1")
 var buttyw2=document.getElementById ("ru2")
 var buttyw3=document.getElementById ("ru3")
 var dice1=document.getElementById("dice1")

BROWSER

Console