diff options
author | Connor Frank <conjfrnk@gmail.com> | 2024-04-18 23:55:25 -0400 |
---|---|---|
committer | Connor Frank <conjfrnk@gmail.com> | 2024-04-18 23:55:25 -0400 |
commit | 7ee08518d1ead07e8455d0e63f475628cd59a3c4 (patch) | |
tree | 68733250c6a3381608cb277cd0ce97b515ef8776 | |
parent | 04e8978b2544d978b5be4b7922825aaccc804931 (diff) |
move script
-rw-r--r-- | euler/progressbar.js | 11 | ||||
-rw-r--r-- | euler/stats.html | 12 |
2 files changed, 12 insertions, 11 deletions
diff --git a/euler/progressbar.js b/euler/progressbar.js new file mode 100644 index 0000000..c5d36af --- /dev/null +++ b/euler/progressbar.js @@ -0,0 +1,11 @@ +function updateProgressBar() { + var completedElements = document.querySelectorAll('td.completed').length; + var totalElements = document.querySelectorAll('td').length; + var progressBar = document.getElementById('progressBar'); + var percentage = (completedElements / totalElements) * 100; + progressBar.style.width = percentage + '%'; + progressBar.textContent = percentage.toFixed(1) + '%'; +} +window.onload = function() { + updateProgressBar(); +}; diff --git a/euler/stats.html b/euler/stats.html index ae4cf26..dbb14ef 100644 --- a/euler/stats.html +++ b/euler/stats.html @@ -21,17 +21,6 @@ <div class="progress-bar" id="progressBar">0%</div> </div> <script> - function updateProgressBar() { - var completedElements = document.querySelectorAll('td.completed').length; - var totalElements = document.querySelectorAll('td').length; - var progressBar = document.getElementById('progressBar'); - var percentage = (completedElements / totalElements) * 100; - progressBar.style.width = percentage + '%'; - progressBar.textContent = percentage.toFixed(1) + '%'; - } - window.onload = function() { - updateProgressBar(); - }; </script> <br> <table class="progress"> @@ -1123,4 +1112,5 @@ </div> </div> </body> + <script src="progressbar.js"></script> </html> |