50 Shades of Grey in JavaScript und CSS

Das folgende JavaScript erstellt 50 HTML Elemente in verschiedenen Grautönen. The only and only true 50 shades of grey für Webentwickler 😉

Die CSS Farbe wird für den Hintergrund festgelegt, im RGB Format. Wer es ausprobieren möchte kann im Browser einfach die Konsole aufmachen und es hineinkopieren. CTRL+SHIFT+J macht diese in Chrome auf.

var colour = '';
for (var i = 250; i > 0; i = i - 5) {
 colour = 'background-color: rgb(' + i + ',' + i + ',' + i + ')';
 console.log(colour);
 document.write('<div style="float: left;margin: 5px; width:90px;height:30px;' + colour+ '"></div>');
}

Wenn ihr den Code verändern wollt, forkt doch meinen gist.

Mal im Ernst, der folgende Artikel fasst das Problem, dass ich mit 50 Shades of Grey habe gut zusammen: Why You Should Talk To Your Kids About ’50 Shades Of Grey’

Eine Antwort auf „50 Shades of Grey in JavaScript und CSS“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.