Create an HTML and JavaScript program which accepts N as input and print first Nodd numbers

Question

Create an HTML and JavaScript program which accepts N as input and print first N odd numbers

🧐 Not the exact question you are looking for?Go ask a question

Solution

Sure, here is a simple HTML and JavaScript program that accepts a number N as input and prints the first N odd numbers.

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Print N Odd Numbers</title>
</head>
<body>
    <input type="number" id="num" placeholder="Enter a number">
    <button onclick="printOddNumbers()">Print Odd Numbers</button>
    <p id="output"></p>
</body>
</html>

JavaScript:

function printOddNumbers() {
    var n = document.getElementById('num').value;
    var output = '';
    for (var i = 1, count = 0; count < n; i += 2, count++) {
        output += i + ' ';
    }
    document.getElementById('output').innerHTML = output;
}

In this program, when you click the "Print Odd Numbers" button, the printOddNumbers function is called. This function gets the value of the input field, which is the number N. It then uses a for loop to generate the first N odd numbers. The loop starts at 1 (the first odd number), and increments by 2 each time (to get the next odd number). The loop continues until it has generated N odd numbers. The odd numbers are added to the output string, which is then displayed in the paragraph with id "output".

This problem has been solved

Upgrade your grade with Knowee

Get personalized homework help. Review tough concepts in more detail, or go deeper into your topic by exploring other relevant questions.

Create an HTML and JavaScript program which accepts N as input and print first Nodd numbers

Question