<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<Title> Modern Abstract </Title>
<style>
table{
margin: auto;
border-spacing: 0;
}
body{
margin: 0;
background-color: white;
}
</style>
</head>
<body>
<table id="Modern_Abstract"></table>
<script>
console.log("youngkxxn")
console.log(Modern_Abstract);
drawing()
function drawing(){
var row = parseInt(window.innerHeight/100);
var col = parseInt(window.innerWidth/100);
var Modern_Abstract = document.getElementById('Modern_Abstract')
for(var i = 0; i < row; i++){
var row_cell = document.createElement("tr")
Modern_Abstract.appendChild(row_cell)
for(var j = 0; j < col; j++){
var col_cell = document.createElement("td")
var Randcol = '#' + Math.random().toString(16).substr(-6);
col_cell.style.width = '100px';
col_cell.style.height = '100px';
col_cell.style.backgroundColor = Randcol;
row_cell.appendChild(col_cell)
}
}
}
</script>
</body>
</html>