Move demo JS to demo.js.

Conflicts:
	demos/CSSLintDemo.htm

Author: XhmikosR

Gruntfile.js

@@ -168,6 +168,9 @@ module.exports = function(grunt) {
             gruntfile: {
                 src: "Gruntfile.js"
             },
+            demo: {
+                src: "demos/*.js"
+            },
             all: {
                 src: ["src/**/*.js"]
             },

demos/CSSLintDemo.htm

@@ -76,32 +76,6 @@ <h1>CSSLint Demo</h1>
     <input type="button" id="lint-btn" value="Run CSSLint">
     <p>(You may want to keep the CSS kinda small, this could take a while.)</p>
     <div id="output"></div>
-    <script>
-        (function() {
-            "use strict";
-
-            document.body.onclick = function(event) {
-                event = event || window.event;
-                var target = event.target || event.srcElement,
-                    results, messages, i, len;
-
-
-                if (target.id === "lint-btn") {
-                    document.getElementById("output").innerHTML = "";
-                    results = CSSLint.verify(document.getElementById("input").value);
-                    messages = results.messages;
-                    for (i=0, len=messages.length; i < len; i++) {
-                        log(messages[i].message + " (line " + messages[i].line + ", col " + messages[i].col + ")", messages[i].type);
-                    }
-
-                }
-            };
-
-            function log(value, level) {
-                    var output = document.getElementById("output");
-                    output.innerHTML += "<span class=\"" + level + "\">" + value.replace(/ /g, "&nbsp;") + "</span><br>";
-            }
-        })();
-    </script>
+    <script src="demo.js"></script>
 </body>
 </html>

demos/demo.js

@@ -0,0 +1,28 @@
+/* jshint browser:true */
+(function() {
+
+    document.body.onclick = function(event) {
+        event = event || window.event;
+        var target = event.target || event.srcElement,
+            results,
+            messages,
+            i,
+            len;
+
+
+        if (target.id == "lint-btn") {
+            document.getElementById("output").innerHTML = "";
+            results = CSSLint.verify(document.getElementById("input").value);
+            messages = results.messages;
+            for (i=0, len=messages.length; i < len; i++) {
+                log(messages[i].message + " (line " + messages[i].line + ", col " + messages[i].col + ")", messages[i].type);
+            }
+
+        }
+    };
+
+    function log(value, level) {
+        var output = document.getElementById("output");
+        output.innerHTML += "<span class=\"" + level + "\">" + value.replace(/ /g, "&nbsp;") + "</span><br>";
+    }
+})();