Adds console log output for both examples.

1 year ago · 5a6645745d
parent ee5fde96f3
commit 5a6645745d
2 changed files with 7 additions and 5 deletions
--- a/index.html
+++ b/index.html
@ -2,7 +2,7 @@
 <html>
  <head><title>doUntil example</title></head>
  <body style="text-align:center">
-    <div id="display">Press one of the buttons below</div>
+    <div id="display">Press one of the buttons below. Progress can be seen in the JavaScript console for both versions.</div>
    <p>
      <button onclick="findPrimesBlocking()">Find Primes (Blocking)</button>
      <button onclick="findPrimesNonBlocking()">Find Primes (Non-Blocking)</button>
--- a/script.js
+++ b/script.js
@ -50,8 +50,9 @@ function findPrimesBlocking() {
 	    primes.push(n);
 	}
 	if (n % 10000 == 0) {
-	    document.getElementById("display").textContent =
-		`Found ${primes.length} primes between 2 and ${n}`;
+	    let status = `Found ${primes.length} primes between 2 and ${n}`;
+	    document.getElementById("display").textContent = status;
+	    console.log(status);
 	}
    }
    document.getElementById("display").textContent =
@ -81,8 +82,9 @@ function findPrimesNonBlocking() {

 	// Update DOM if we're about to yield
 	if (yieldCondition()) {
-	    document.getElementById("display").textContent =
-		`Found ${primes.length} primes between 2 and ${n}`;
+	    let status = `Found ${primes.length} primes between 2 and ${n}`;
+	    document.getElementById("display").textContent = status;
+	    console.log(status);
 	}
    };