JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<title>Rubik's Cube</title>

<body>
<div id="alertbox">
  <div id="title">
    Pick a color
  </div>
  <div id="body">
    <input name="button1" type="button" id="button1">
    <input type="button" name="button2" id="button2">
    <input type="button" name="button3" id="button3">
    <input type="button" name="button4" id="button4">
    <input type="button" name="button5" id="button5">
    <input type="button" name="button6" id="button6">
  </div>
</div>
<input type="button" name="button" id="button" value="Button">
</body>

CSS

@charset "utf-8";
/* CSS Document */
#title{
	background-color: black;
	color: white;
	margin: 5px;
}

#body{
	margin: 5px;
}

#body input{
	border: 1px solid black;
	border-radius: 12px;
	width: 50px;
	height: 50px;
}

#alertbox{
	width: 345px;
}

#button1{
	background-color: blue;
}

#button2{
	background-color: red;
}

#button3{
	background-color: white;
}

#button4{
	background-color: yellow;
}

#button5{
	background-color: orange;
}

#button6{
	background-color: green;
}

JavaScript

// JavaScript Document
document.getElementById("button").onclick = function myFunction() {
	"use strict";
	document.getElementById("alertbox").style.display = "none";
};