Maingron/MainOS

View on GitHub
Program Files/colors/exec.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="../../helper.js"></script>
    <link rel="shortcut icon" href="#iofs:C:/Program Files/colors/icon.svg" >
    <link rel="stylesheet" href="imgstyle.css">
    <link rel="stylesheet" href="../../helper.min.css">
    <title>Colors</title>
</head>
<body>
    <div id="imgs">
    </div>


    <script>

            // generate a variable with random colors
            let colors = [];
            for (let i = 0; i < 600; i++) {
                colors.push(randomColor());
            }

            // generate a random color
            function randomColor() {
                let r = Math.floor(Math.random() * 256);
                let g = Math.floor(Math.random() * 256);
                let b = Math.floor(Math.random() * 256);
                return "rgb(" + r + ", " + g + ", " + b + ")";
            }

            // create 20 squares with the random colors
            for (let i = 0; i < colors.length; i++) {
                let square = document.createElement("div");
                square.style.backgroundColor = colors[i];
                square.onclick = function() {
                    copyToClipboard(this.style.backgroundColor);
                }
                document.getElementById("imgs").appendChild(square);
            }

            // copy the colorcode to the clipboard
            function copyToClipboard(text) {
                let input = document.createElement("input");
                input.setAttribute("value", text);
                document.body.appendChild(input);
                input.select();
                document.execCommand("copy");
                document.body.removeChild(input);
            }
    </script>

</body>
</html>