How do I output this recursive function correctly to a web browser?

Atman Atos · Dec 17, 2022

I believe, the code is correct, the issue is with the output to a web browser. What's the fix?

JavaScript:

function countdown(n){
    if (n < 1) {
      return document.getElementById("recursivep").innerHTML = [];
    } else {
       let firstarr = countdown(n - 1);
       firstarr.unshift(n);
       return document.getElementById("recursivep").innerHTML = firstarr;
    }
}

HTML:

<!DOCTYPE html>
<html>
    <head>
        <script async src="Recursive function.js"></script>
    </head>
    <body>
        <main>
            <div>
                Recursive function
                <button onclick="countdown()">click me</button>
                <p id="recursivep"></p>
            </div>
        </main>
    </body>
</html>

Padonak · Dec 17, 2022

JavaScript:

function countdown(n){
    const p = document.getElementById('recursivep');
    if (n < 1) {
      p.innerHTML = 'Boom!';
    } else {
       p.innerHTML = n;
       n--;
       setTimeout(countdown, 1000, n);
    }
}

HTML:

<button onclick="countdown(10)">click me</button>

Atman Atos · Dec 18, 2022

Padonak said:

JavaScript:

function countdown(n){
    const p = document.getElementById('recursivep');
    if (n < 1) {
      p.innerHTML = 'Boom!';
    } else {
       p.innerHTML = n;
       n--;
       setTimeout(countdown, 1000, n);
    }
}

HTML:

<button onclick="countdown(10)">click me</button>

It works. So far my experience with recursive function output has only been via setTimeOut()

How do I output a function with a parameter argument?	6	Dec 18, 2022
I am trying to make an audio player, how do I get the selected file to be playable?	5	Mar 29, 2022
What "might" I be doing wrong with this snippet?	6	Sep 25, 2023
How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024
How to save JSON Data to a file using fetch() api?	2	Apr 28, 2022
Can someone help me correct this code? It should be a two line countdown timer.	3	Jan 26, 2023
Graph of quadratic function with CanvasRenderingContext2D	2	May 9, 2024
I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023

How do I output this recursive function correctly to a web browser?

Atman Atos

Padonak

Atman Atos

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads