Modify HTML link from editor.js, add playground link on error

Author: jasonkliu

index.html

@@ -68,7 +68,9 @@ <h2>Featuring</h2>
     println!("The program \"{}\" calculates the value {}",
               program, accumulator);
 }</div>
-          <div id="result"></div>
+          <div id="result">
+            <a id="playlink" onclick="f1()" href="http://play.rust-lang.org/"><i class="icon-link-ext"></i></a>
+          </div>
         </div>
         <div id="static-code">
 <pre class='rust'>
@@ -121,7 +123,7 @@ <h2>Featuring</h2>
 
       return os;
     }
-    
+
     var platform = detect_platform();
 
     var rec_package_name = "nightly";
@@ -149,7 +151,7 @@ <h2>Featuring</h2>
     var rec_dl_addy = "http://static.rust-lang.org/dist/" + rec_download_file;
     var rec_inst_link = document.getElementById("inst-link");
     rec_inst_link.setAttribute("href", rec_dl_addy);
-   
+
   </script>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/ace.js"></script>
   <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/mode-rust.js"></script>

js/editor.js

@@ -14,6 +14,7 @@ var editorDiv = document.getElementById("editor");
 var staticCode = document.getElementById("static-code");
 var runButton = document.getElementById("run-code");
 var resultDiv = document.getElementById("result");
+var playLink = document.getElementById("playlink");
 
 // Background colors for program result on success/error
 var successColor = "#E2EEF6";
@@ -125,10 +126,11 @@ function handleResult(statusCode, message) {
 function handleSuccess(message) {
   resultDiv.style.backgroundColor = successColor;
   var program = encodeURIComponent(editor.getValue());
-  var output = "<a href=\"http://play.rust-lang.org/?code=" + program + 
-    "&run=1\"><i class=\"icon-link-ext\"></i></a>"
-  // console.log(output);
-  resultDiv.innerHTML = output + escapeHTML(message);
+  playLink.href = "http://play.rust-lang.org/?code=" + program + "&run=1"
+  // console.log(playLink.href);
+  resultDiv.innerHTML = '';        // clear resultDiv, then add
+  resultDiv.appendChild(playLink); // playLink icon and message
+  resultDiv.innerHTML += escapeHTML(message);
 }
 
 // Called when program run results in warning(s)
@@ -168,7 +170,12 @@ function handleProblem(message, problem) {
   }).join("<br />");
 
   // Setting message
-  resultDiv.innerHTML = cleanMessage;
+  var program = encodeURIComponent(editor.getValue());
+  playLink.href = "http://play.rust-lang.org/?code=" + program + "&run=1"
+  // console.log(playLink.href);
+  resultDiv.innerHTML = '';        // clear resultDiv, then add
+  resultDiv.appendChild(playLink); // playLink icon and error message
+  resultDiv.innerHTML += cleanMessage;
 
   // Highlighting the lines
   var ranges = parseProblems(lines);