Pinegrow Challenge --- Color the Boxes

Styling (CSS)
1

Pinegrow Challenge — Color the Boxes

  • Take any tool you like – including coding by hand
  • Do it in a proper HTML way
  • With Pinegrow we do that in 1 minute

:thinking: Hmmm…

This was less than a minute to write:

<script type="text/javascript">
    function colorBoxes() {
        var e = document.getElementsByClassName("box");
        for (var i = 0, l = e.length; i < l; i++) {
            e[i].style["background-color"] = e[i].innerHTML;
        }
    }
    window.addEventListener('load', colorBoxes);
</script>

:stuck_out_tongue_winking_eye: Does it count? Do I win something?

It would take longer than a minute - to write the creation, appending of styles via JS to a sheet.

Do we need to add a “Challenges” forum section? Might be fun.

1 Like