JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div id="bg"></div>
<a id="link" href="#">Показать фон</a>

CSS

#bg {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0.9);
    background-image: radial-gradient(black 15%, transparent 26%), radial-gradient(black 15%, transparent 26%);
    background-origin: padding-box, padding-box;
    background-position: 0 0px, 4px 4px;
    background-repeat: repeat, repeat;
    background-size: 8px 8px;
    display: none;
    height: 10000px;
    left: 0;
    position: fixed;
    top: 0;
    width: 10000px;
    z-index: 99;
}

JavaScript

window.onload = function() {
   console.log(1);
    document.getElementById('link').onclick = function() {
        console.log(2); document.getElementById('bg').style.display = 'block';  
    };
};