index.html
<!DOCTYPE html>
<html>
<head>
<title>Sol LeWitt Exercise</title>
</head>
<style>
body {
margin: 0;
overflow: hidden;
}
</style>
<body>
<script>
// Open Chrome developer tools to see this.
const svg = document.createElementNS(
'http://www.w3.org/2000/svg',
'svg'
);
const height = window.innerHeight;
const width = window.innerWidth;
const n = 100;
svg.setAttribute('height', height);
svg.setAttribute('width', width);
document.body.appendChild(svg);
function getRandomInt(max) {
return Math.floor(Math.random() * Math.floor(max));
}
const randomOffset = getRandomInt(height / 4);
console.log(randomOffset);
const maskRect = document.createElementNS(
