Generate link to playground only when icon clicked

Author: jasonkliu

index.html

@@ -69,7 +69,7 @@ <h2>Featuring</h2>
               program, accumulator);
 }</div>
           <div id="result">
-            <a id="playlink" onclick="f1()" href="http://play.rust-lang.org/"><i class="icon-link-ext"></i></a>
+            <a id="playlink" onclick="goPlayground()" ><i class="icon-link-ext"></i></a>
           </div>
         </div>
         <div id="static-code">

js/editor.js

@@ -122,11 +122,11 @@ function handleResult(statusCode, message) {
   }
 }
 
-// Called on successful program run: display output and link to playground
+// Called on successful program run: display output and playground icon
 function handleSuccess(message) {
   resultDiv.style.backgroundColor = successColor;
   var program = encodeURIComponent(editor.getValue());
-  playLink.href = "http://play.rust-lang.org/?code=" + program + "&run=1"
+  // 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
@@ -171,7 +171,7 @@ function handleProblem(message, problem) {
 
   // Setting message
   var program = encodeURIComponent(editor.getValue());
-  playLink.href = "http://play.rust-lang.org/?code=" + program + "&run=1"
+  // 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
@@ -221,6 +221,14 @@ runButton.addEventListener("click", function(ev) {
   runProgram(program, handleResult);
 });
 
+// When clicking on the playground icon, navigate to the playground itself
+function goPlayground() {
+  var program = "http://play.rust-lang.org/?code=" +
+      encodeURIComponent(editor.getValue()) + "&run=1"
+  window.location = program
+  //  console.log(program);
+}
+
 // Highlight active line when focused
 editor.on('focus', function() {
   editor.setHighlightActiveLine(true);