diff --git a/index.html b/index.html index e69de29..8e33248 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,17 @@ + + + + + + + JavaScript counter + + + +
+
+ +
+
+ + \ No newline at end of file diff --git a/script.js b/script.js index e69de29..d38f42a 100644 --- a/script.js +++ b/script.js @@ -0,0 +1,27 @@ +function counter(number, seconds) { + + seconds = seconds * 1000 + + const counterElement = document.getElementById('counter-element') + let counterNumber = 0 + counterElement.innerText = counterNumber + + function setTimeOutFunction() { + + counterElement.innerText = counterNumber + counterNumber++ + + if (counterNumber <= number) { + + setTimeout(setTimeOutFunction, seconds) + + } else { + + clearTimeout(setTimeOutFunction) + } + } + + setTimeout(setTimeOutFunction, seconds) +} + +window.onload = () => counter(45, 0.1) \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..c6386fc --- /dev/null +++ b/styles.css @@ -0,0 +1,3 @@ + + +/*# sourceMappingURL=styles.css.map */ diff --git a/styles.css.map b/styles.css.map new file mode 100644 index 0000000..ccb6cbc --- /dev/null +++ b/styles.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"styles.css"} \ No newline at end of file