Adds console log output for both examples.

main
Edward L Platt 1 year ago
parent ee5fde96f3
commit 5a6645745d

@ -2,7 +2,7 @@
<html> <html>
<head><title>doUntil example</title></head> <head><title>doUntil example</title></head>
<body style="text-align:center"> <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> <p>
<button onclick="findPrimesBlocking()">Find Primes (Blocking)</button> <button onclick="findPrimesBlocking()">Find Primes (Blocking)</button>
<button onclick="findPrimesNonBlocking()">Find Primes (Non-Blocking)</button> <button onclick="findPrimesNonBlocking()">Find Primes (Non-Blocking)</button>

@ -50,8 +50,9 @@ function findPrimesBlocking() {
primes.push(n); primes.push(n);
} }
if (n % 10000 == 0) { if (n % 10000 == 0) {
document.getElementById("display").textContent = let status = `Found ${primes.length} primes between 2 and ${n}`;
`Found ${primes.length} primes between 2 and ${n}`; document.getElementById("display").textContent = status;
console.log(status);
} }
} }
document.getElementById("display").textContent = document.getElementById("display").textContent =
@ -81,8 +82,9 @@ function findPrimesNonBlocking() {
// Update DOM if we're about to yield // Update DOM if we're about to yield
if (yieldCondition()) { if (yieldCondition()) {
document.getElementById("display").textContent = let status = `Found ${primes.length} primes between 2 and ${n}`;
`Found ${primes.length} primes between 2 and ${n}`; document.getElementById("display").textContent = status;
console.log(status);
} }
}; };

Loading…
Cancel
Save